一个菜鸟的互联网技术分享博客
您的位置: 主页 > Vue中防止用户在短时间内频繁多次点击按钮
advertisement

Vue中防止用户在短时间内频繁多次点击按钮

最近在写一个前台项目中碰到了如题的问题,这个也是很合理的,那么就得解决它。
下面介绍两种vue项目中防止用户在一定时间内频繁点击按钮触发事件的方法
1、主要思想就是禁止用户在一定的时间多次点击,在一定时间内将按钮禁用,用定时器实现,一定时间之后用户可再次点击




  

2、第二种方法:用指令的方式实现,全局注册,方便

1. 新建js文件(因为是全局可用的,文件可以叫preventRepeatClick.js,我这里是叫index.js)


2. 在main.js中引入上面的js文件

3. 在触发点击事件的按钮上直接用指令即可

4. 五秒之后 按钮下面的事件才可再次触发
好了,以上就是着两种方法了,快去试试看看吧!
zhangren.online
上一篇:vue中非父子组件传值
下一篇:没有了

您可能喜欢

​vue中非父子组件传值

​vue中非父子组件传值

​vue中ref的使用

​vue中ref的使用

回到顶部