你在Vue中使用debounce也不生效了嘛

🤚先,我描述下业务场景:

是在页面中,上滑进入下一个页面,所以这块使用touch相关的事件。
这个touchmove事件呐,是一个高频事件,为了减少页面的交互,故得做处理

 

 

 而这样写的话,debounce是不执行的。
 因为debounce返回的是一个函数,所以想要执行必须加个小括号。
 但是即使加了括号也会报错,提示取不到this。

 那如何处理呢?

 

第☝️种解决方式是,把debounce提成一个方法,能获取到this,而且也可以调用
第✌️种解决方式是,把这个方法放在cmputed中,把这个方法return 出来。

实例如下图:

 

 

和第一种调用方式一样,即可解决啦~

posted @ 2021-07-23 14:01  zqy_jm  阅读(1677)  评论(0编辑  收藏  举报