最近在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Ï