vue避免按钮点击过于频繁，按钮间隔3秒才可点击

1.实现思路定义一个变量isClick，初始值为true;一进入点击事件里，将isClick赋值为false,利用setTimeout方法设置2秒后改成true。2.遇到的问题？实践之后会发现，用上面这种方法，实现不了自己想要的效果。3.解决方法4.划重点为什么改用箭头函数的写法就可以实现了呢？箭头函数：箭头函数内部的this会指向声明箭头函数时所在作用域的this。setTimeout:它的第一

小陈小陈满眼星辰

5356人浏览 · 2020-11-16 09:07:52

小陈小陈满眼星辰 · 2020-11-16 09:07:52 发布

1.实现思路

定义一个变量isClick，初始值为true;

一进入点击事件里，将isClick赋值为false,利用setTimeout方法设置2秒后改成true。

2.遇到的问题？

实践之后会发现，用上面这种方法，实现不了自己想要的效果。

3.解决方法

4.划重点

为什么改用箭头函数的写法就可以实现了呢？

箭头函数：箭头函数内部的this会指向声明箭头函数时所在作用域的this。
setTimeout: 它的第一个参数是一个方法，传入的这个方法内部的this会被改写指向window。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^