在vue中使用cube-ui的better-scroll插件出現兩次點擊的問題

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章