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

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

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

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

相关推荐
拼图20912 小时前
微信小程序——配置路径别名和省略后缀
微信小程序·小程序
FinelyYang13 小时前
uniapp video视频全屏播放后退出,页面字体变大,样式混乱问题
前端·javascript·uni-app
浩星13 小时前
vue3+uniapp 使用vue-plugin-hiprint中实现打印效果
前端·vue.js·uni-app
m0_7401904613 小时前
小程序部分pai
小程序
wocwin13 小时前
uniapp 微信小程序Vue3项目使用内置组件movable-area封装悬浮可拖拽按钮(拖拽结束时自动吸附到最近的屏幕边缘)
vue.js·微信小程序
IT 前端 张13 小时前
uni-app在安卓设备上获取 (WIFI 【和】以太网) ip 和 MAC
android·tcp/ip·uni-app
F2E_Zhangmo16 小时前
第一章 uniapp实现兼容多端的树状族谱关系图,创建可缩放移动区域
前端·javascript·uni-app
儿歌八万首16 小时前
UniApp 加载 Web 页面解决方案
javascript·vue.js·uni-app
2501_9159184116 小时前
iOS App 安全加固全流程:静态 + 动态混淆对抗逆向攻击实录
android·ios·小程序·https·uni-app·iphone·webview
半世浮生17 小时前
uniapp开发微信路由踩坑
前端·uni-app