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 @ 2024-03-22 11:45  逸凨  阅读(416)  评论(0编辑  收藏  举报