uniapp实现局部刷新，scroll-view组件

关注

VIP免费原创最新推荐文章于 2025-05-06 15:57:28 发布 1.5k 阅读 AI 写同款· GEO 优化 ›

uniapp的局部刷新（页面返回刷新) 问题：当前页面1的某个item列表项点击后跳转到页面2，在页面2作数据更新后，点击返回页面到页面1，页面1刷新当前item项的数据。解决办法：页面2中：返回的事件里传递刷新的值：uni.$emit 在返回事件传递所需要的值updatali给updatatotal，在页面1：通过uni.$on作接收处理因为是数组对象：所以处理用如下并通过if判断是否拿到data和data的id，如果拿到那么遍历页面1用来渲染页面的数组数据，再一次通过if判断过滤所遍历的数组，使item的值为只剩下：阅读详情

uniapp的下拉刷新有两个方法, 一种是整体的下拉刷新, 使用页面生命周期函数onPullDownRefresh; 另外一种是局部的下拉刷新也叫自定义下拉刷新, 使用scrpll-view组件中的自定义下拉刷新事件。

文档地址 scroll-view | uni-app官网

   <scroll-view scroll-y="true" show-scrollbar="true" style="height: 300px;" :refresher-triggered="triggered"
        :refresher-enabled="isOpenRefresh" @refresherpulling="onPulling" :refresher-threshold="100"
        @refresherrefresh="onRefresh" v-if="currentPage==0">
        <stepsOne></stepsOne>
      </scroll-view>