今天在测试时,发现快速点击按钮,可能会引起发起多次请求,代码如下
于是,想到了做一个防抖,代码如下:
在这里,我们定义了一个
v-debounce
的自定义指令,当用户点击按钮时,指令会设置一个timer变量,在300毫秒内,如果用户再次点击,就会清除之前的timer,并重新开始计时。如果300毫米内没有再次点击,则会执行绑定的pay方法。
修改之前的代码,代码如下:
欢迎各位大佬指正,不喜勿喷
今天在测试时,发现快速点击按钮,可能会引起发起多次请求,代码如下
于是,想到了做一个防抖,代码如下:
在这里,我们定义了一个
v-debounce
的自定义指令,当用户点击按钮时,指令会设置一个timer变量,在300毫秒内,如果用户再次点击,就会清除之前的timer,并重新开始计时。如果300毫米内没有再次点击,则会执行绑定的pay方法。
修改之前的代码,代码如下:
欢迎各位大佬指正,不喜勿喷