mint-ui中多次点击，Toast重复提示的问题。

Question

问题描述

项目开发中，使用mint-ui前端UI框架，使用Toast,发现多次点击按钮，Toast错误提示信息会重复出现。（ 该按钮有做输入框为空的提示判断 ）

问题出现的环境背景及自己尝试过哪些方法

vue-cli结合webpack搭建的VUE项目，前端UI框架选用的是mint-ui.关于Toast多次重复出现，问过度娘未找到解决办法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
Toast({

message: '手机号不能为空',position: 'middle',duration: 5000

})

你期待的结果是什么？实际看到的错误信息又是什么？

期待的结果是：用户点击按钮出现Toast提示，在第二次点击该按钮时，只有当第一次出现的Toast提示信息消失后才会出现这次的toast提示

Answer 1

定义一个变量（按钮点击次数），在data中初始化。在按钮点击事件中该变量自加，只有当点击次数为1时Toast才出现，同时设置一个5s(这个时间要根据你Toast显示几秒来定义)的setTimeout，5s结束同时把data中的变量初始化。

Answer 2

这样就可解决多次点击，Toast重复出现的问题了。