最近在vue项目中用cube-ui里的better-scroll时候,出现两次点击的问题,在网上查了下,说是可以是用“防止短时间内请求提交”解决,具体代码如下:
var DEBOUNCE_TIME = 400
new Vue({
data: function () {
return {
tId: null
}
},
methods: {
getList: function () {
window.clearTimeout(this.tId)
this.tId = window.setTimeout(function () {
// 真正的逻辑
}, DEBOUNCE_TIME)
}
}
})
借鉴以上这样写的话,就可以解决了。另外有时间的话,还要查阅下better-scroll文档里有没有好的解决方案。
参考链接为: https://www.zhihu.com/question/57096801
https://blog.csdn.net/ppx_mqj/article/details/100292653Ï