uniapp编辑页修改数据后返回到列表页(上一页)或首页,列表页或首页数据不刷新问题
uniapp编辑页(当前页)等修改数据后返回到列表页(上一页)或多次返回上一页到首页(非上一页),列表页或首页数据不刷新问题
解决方法:
一、返回到列表页(上一页)
1、首先在编辑页的修改数据的成功回调中调用uni.$emit('refreshData');向上一页传递refreshData事件
2、然后在列表页(上一页)的onLoad函数中监听refreshData事件
例:
编辑页(当前页)js:
submitForm(){//提交表单 this.$refs.form.validate().then(res=>{ add(this.formData).then((res)=>{ if(res.code == 200){ toast('新增成功')
//返回上一页 this.goBack()
//刷新上一页对应数据 uni.$emit('refreshData'); } }) }).catch(err =>{ console.log('表单错误信息:', err); }) },
列表页(上一页)js:
onLoad() { uni.$on('refreshData',() => {
//刷新对应数据 this.page.pageNum = 1 this.croplandList = [] this.initList() }); },
二、返回到首页(非上一页)
当前页无需其他js代码
首页js:
onShow() {//重新请求上一页操作的对应数据的接口,刷新数据 this.getTaskWaitingTotal() },
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律