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()
},

 

posted @   逸凨  阅读(1307)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
点击右上角即可分享
微信分享提示