Vue 页面中list列表scrollTop滚动条缓存

最新推荐文章于 2024-07-29 11:08:22 发布

不懂代码的小石

最新推荐文章于 2024-07-29 11:08:22 发布

阅读量2.2k

点赞数 2

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_44387725/article/details/111386873

版权

在Vue项目中，针对使用vant组件的list列表，遇到scrollTop滚动条缓存问题。尝试多种方法如mounted和keep-alive缓存无效，最终通过updated生命周期钩子成功实现赋值。点击列表项触发goCustomerInfo事件时，仅在详情页进行滚动条位置的存储。

摘要由CSDN通过智能技术生成

Vue 页面中list列表scrollTop滚动条缓存

我的list列表用的是 vant 组件 , 首先找到外包的盒子给ref = ‘lists’

<div class="list-scroll" ref="lists">
        <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
          <van-list
            v-model="loading"
            :finished="finished"
            :offset="30"
            :immediate-check="false"
            finished-text="没有更多了"
            @load="onLoad"
          >
            <div class="list">
              <UserItem
                v-for="item in list"
                :key="item.id"
                :data="item"
                @click="goCustomerInfo"
                @change="attentionBtn"
              />
            </div>
          </van-list&g