当前位置:   article > 正文

uniapp微信小程序局部刷新,无感刷新,修改哪条数据刷新哪条_小程序列表局部刷新

小程序列表局部刷新

uniapp做微信小程序时,一个商品列表滑到几百条数据时,点进去详情跳转去编辑信息上下架等,修改完成回来商品列表就到第一条数据了,这样页面效果体验感不是很好,是因为我们把数据接口放在onshow中了,每次回来都在第一页第一条,还有在当前页面进行删除数据时,列表也会刷新返回接口获取数据。但是不放在onshow中修改完数据返回列表信息不修改,此时怎么办呢?解决方法

删除请求完成后,不调用接口数据,修改原数组的数据
data() {
	return {
		orderList: [],
    }
},
methods: {
    handleDelete(item, index) {
        // 删除接口的请求
        if(res.data === 200) {
           this.orderList.splice(index, 1)
        }
    }
} 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13

这样就实现局部刷新,无感刷新,修改数据也是一样的,从修改页面返回列表中将修改的内容带回来即可

声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop】
推荐阅读
相关标签
  

闽ICP备14008679号