vue开发中element-ui是常见的UI框架之一，使用UI框架可以极大程度的减轻开发者的工作量。但在使用中如何正确使用UI框架也是开发者需要注意的事项。

如：开发中点击按钮调用message进行提示，当用户频繁点击时出现之前的信息还未销毁新的提示又生成了。最终造成了相同无效的提示出现刷屏情况，那么关于该问题要如何处理呢？

一、解决频繁点击message提示刷屏

    方法一：通过控制点击按钮禁止频繁点击，来有效控制message被频繁调用生成提示信息。

    方式二：调用element-ui提供的命令关闭message。即每次产生新的message前，先将旧的message提示信息给关闭。

//关闭所有旧的message
this.$message.closeAll()
//创建message提示信息
this.$message.error('口令不能为空');

二、element-ui关于message四种状态汇总

//消息
this.$message('这是一条消息提示');
//成功
this.$message({
  message: '恭喜你，这是一条成功消息',
  type: 'success'
});
//警告
this.$message({
  message: '警告哦，这是一条警告消息',
  type: 'warning'
});
//错误
this.$message.error('错了哦，这是一条错误消息');

通过对四种状态在不同情况下进行使用，可以有效的提示用户当前信息定位是消息、成功、警告、错误。