vue vuex watch改变scrollTop

最新推荐文章于 2024-05-08 14:55:40 发布

顽石⚡

最新推荐文章于 2024-05-08 14:55:40 发布

阅读量950

点赞数 1

分类专栏： vue js

本文链接：https://blog.csdn.net/sunfellow2009/article/details/85062901

版权

vue 同时被 2 个专栏收录

64 篇文章 1 订阅

订阅专栏

29 篇文章 0 订阅

订阅专栏

想实现的效果是：同一个页面，加载不同的数据的时候，记住并跳到之前的选中的元素

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
      }
    }
  },