uni-app中一个页面跳转到另一个页面,返回时原页面数据更新且其他数据仍保留

在移动应用中,通过uni.navigateTo跳转到新页面修改昵称为例子,展示了如何在完成修改后,利用uni.navigateBack返回原页面并确保数据更新。同时,确保未保存的数据在页面切换后不丢失,通过直接赋值或调用接口更新原页面的数据。
摘要由CSDN通过智能技术生成

路由跳转到新页面,关闭后,使原页面数据更新,且原页面未保存数据不会丢失

第一步


第二步:点击跳转到新页面


// 修改昵称
    editName() {
      uni.navigateTo({
        url: '/pages/my/editName',
      })
    },

在这里插入图片描述

第三步,点击完成

 handleFinish() {
      let that = this
      let data = {
        nickName: that.nickName,
      }
        backdata()
        requestMethod('/user/v1/modifyNickName', data).then((res) => {
          if (res.code == 'SUCCESS') {
            let pages = getCurrentPages()
            let prevPage = pages[pages.length - 2]
            console.log(prevPage.$vm,"111111");
            //通过原型赋值方法,实现原页面更新,nickName是原页面绑定的字段;
            //that.nickName是此页面修改后的值;
            prevPage.$vm.nickName = that.nickName

           //也可以调用方法,比如调用上一页的获取个人信息或者列表接口,实现数据刷新
           //比如:  prevPage.$vm.getPersoanalInfo()
            
            uni.navigateBack({
              delta: 1,
            })
          }
        })
    },
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值