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

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

删除请求完成后,不调用接口数据,修改原数组的数据
javascript 复制代码
data() {
	return {
		orderList: [],
    }
},
methods: {
    handleDelete(item, index) {
        // 删除接口的请求
        if(res.data === 200) {
           this.orderList.splice(index, 1)
        }
    }
} 

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

相关推荐
小徐_23335 小时前
Wot UI 2.1.0 发布:ConfigProvider 全局配置能力升级
前端·uni-app
前端 贾公子7 小时前
小程序蓝牙打印探索与实践(上)
小程序
拙慕JULY8 小时前
小程序返回 base64 文件报错
开发语言·javascript·小程序
dh131222505259 小时前
按月季度销售业绩核算小程序
小程序·销售小程序·绩效小程序·业绩统计小程序·业绩核算小程序
拙慕JULY9 小时前
微信小程序自定义标题背景色
微信小程序·小程序
qq_2299331311 小时前
uniapp踩坑-组件嵌套子组件不触发onReachBottom事件
uni-app
前端 贾公子11 小时前
小程序蓝牙打印探索与实践(下)
小程序·apache
00后程序员张11 小时前
Jenkins 自动上传 IPA 到 App Store 把发布步骤融入 CI/CD
android·ios·小程序·https·uni-app·iphone·webview
JackieDYH12 小时前
uniapp vue3 常用的生命周期和作用使用时机
javascript·vue.js·uni-app
PedroQue9913 小时前
uni-app路由管理神器:vue-router风格体验
前端·uni-app