1. 程式人生 > >vue vuex watch改變scrollTop

vue vuex watch改變scrollTop

想實現的效果是:同一個頁面,載入不同的資料的時候,記住 並 跳到 之前的選中的元素

computed: {
    scrollTop () {
      // 獲取當前選中的元素的scrollTop,這裡因為寫在不同的template 所有通過store獲取
      // 要改成你自己的資料 
      return this.$store.getters.currentFriend.friend.sn * 44
    }
  },
watch: {
    scrollTop: function () { // 監聽螢幕高度變化
      // 計算出當前選中物件的scrollTop
      let st = this.scrollTop
      // 當前的scrollTop
      let cst = document.getElementById('show').scrollTop
      // 這個是更改的規則,自己定義
      if (st - cst > 440) {
        document.getElementById('show').scrollTop = st
      } else if (st - cst < 0) {
        document.getElementById('show').scrollTop = st
      }
    }
  },