如何在uniapp中使用uni.navigateBack()传递参数给上个页面?

Posted 铁锤妹妹@

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在uniapp中使用uni.navigateBack()传递参数给上个页面?相关的知识,希望对你有一定的参考价值。

场景:

项目中,有个地址选择的需求
从A页面,跳到B页面,从B页面选中地址返回到A页面时,需要将B页面选中的参数地址id,传递给A页面。

方案:

在B页面选中任一个单选按钮需要传递参数的方法内:

selectAddress(id) 
   let pages = getCurrentPages() // 获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。
   let prevPage = pages[pages.length - 2] //上一页页面实例
   prevPage.$vm.otherFun(id) // 给上一页绑定方法otherFun,传参地址id
   uni.navigateBack()
,

在A页面使用otherFun()接受B页面的传值

  otherFun(id) 
      console.log('======id======', id)
      if (id) 
        for (let i = 0; i < this.addressList.length; i++) 
          if (id == this.addressList[i].id) 
            this.checkAddressId = id
            this.form.de_id = id
            this.address =
              this.addressList[i].region + this.addressList[i].address
          
        
      
    ,
//因为A页面请求了地址列表接口,取了默认地址作为展示;
//所以对于上个页面传过来id值,需要循环地址列表,如果地址列表接口 有这个id,就可以赋值了

关于getCurrentPages()用法可查看官方文档的使用

以上是关于如何在uniapp中使用uni.navigateBack()传递参数给上个页面?的主要内容,如果未能解决你的问题,请参考以下文章

uniapp中unipush推送的使用

如何判断小程序是原生开发还是uniapp开发?

uniapp如何使用高德地图

uniapp如何更新微信小程序登录接口

如何在uni-app正确使用web-view

uniapp中如何使用iconfont