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

Posted 2022-01-03 铁锤妹妹@

场景：

项目中，有个地址选择的需求
从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()用法可查看官方文档的使用