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

1.实现思路

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

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

vue避免按钮点击过于频繁,按钮间隔3秒才可点击_第1张图片

2.遇到的问题?

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

3.解决方法

vue避免按钮点击过于频繁,按钮间隔3秒才可点击_第2张图片

4.划重点

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

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

你可能感兴趣的:(Vue开发,setTimeout,箭头函数,vue,避免按钮点击过于频繁)