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

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

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

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

相关推荐
刻刻帝的海角2 小时前
基于UniApp与Vue3语法糖的实时任务管理应用开发实践
uni-app
能不能送我一朵小红花2 小时前
基于uniapp的PDA手持设备红外扫码方案
前端·uni-app
chaffererdog3 小时前
uniapp开发微信小程序使用vk-uview-ui的uSearch搜索组件,在微信开发者工具中点击输入框会意外触发custom事件
微信小程序·小程序·uni-app
脾气有点小暴4 小时前
uniapp通用递进式步骤组件
前端·javascript·vue.js·uni-app·uniapp
草字7 小时前
uniapp 滚动到表单的某个位置,表单验证失败时。
前端·javascript·uni-app
脾气有点小暴8 小时前
uniapp通用单张图片上传组件
前端·javascript·vue.js·uni-app·uniapp
程序员鱼皮8 小时前
现在上线个小程序这么麻烦吗?!
微信小程序·程序员·aigc
郑州光合科技余经理9 小时前
技术架构:跑腿配送系统海外版源码全解析
java·开发语言·前端·数据库·架构·uni-app·php
2501_915918419 小时前
Flutter 加固方案全解析,从 Dart 层到 IPA 成品的多工具协同防护体系
flutter·macos·ios·小程序·uni-app·cocoa·iphone
我命由我123459 小时前
微信小程序 - 内容弹出框实现(Vant Weapp 实现、原生实现)
开发语言·前端·javascript·微信小程序·小程序·前端框架·js