uniapp 返回上一页,把数据传回上一页,H5 小程序兼容问题

小程序以下方式是没有问题的。但是H5 就不行了

let data = arr

//方法一:
let pages = getCurrentPages();  //获取所有页面栈实例列表
let nowPage = pages[ pages.length - 1];  //当前页页面实例
let prevPage = pages[ pages.length - 2 ];  //上一页页面实例
             
 if(this.paramsPage == 'carShip'){
  prevPage.data.paramsPage = 'carShip'
  prevPage.data.carData = data
}else{
  prevPage.data.paramsPage = 'orderPrice'
  prevPage.data.carData = data
}
uni.navigateBack({  //uni.navigateTo跳转的返回,默认1为返回上一级
  delta: 1
});     

//取数据的方式:

var that = this;
var pages = getCurrentPages();
var currPage = pages[pages.length - 1]; //当前页面
let res = currPage.data
console.log(res,']]]]]]]]]]')
this.bladeCouponsData = res.bladeCouponsId
 this.bladeCouponsId = res.bladeCouponsId.name

//方法二:利用组件传值的方式

uni.$emit("carData", arr)

//取数据的方式

 uni.$on("carData",(rel)=>{
     this.carData = rel
     this.carInfo = this.carData
 })

 

H5、必须是_data ,才能取到值

// #ifdef  H5
                //选中并把数据带回去
                let pages = getCurrentPages(); //获取所有页面栈实例列表
                let nowPage = pages[pages.length - 1]; //当前页页面实例
                let prevPage = pages[pages.length - 2]; //上一页页面实例
                console.log(nowPage._data)
                console.log(prevPage._data)
                if (this.params == 'beginCity') {
                    prevPage._data.params = 'beginCity'
                    prevPage._data.beginCity = e
                    // uni.$emit("handleFun",{params: 'beginCity',beginCity:e});
                } else if(this.params == 'endCity') {
                    prevPage._data.params = 'endCity'
                    prevPage._data.endCity = e
                     // uni.$emit("handleFun",{params: 'endCity',endCity:e});
                }else if(this.params == 'city'){
                    prevPage._data.params = 'city'
                    prevPage._data.addressData.cityArea = e
                     // uni.$emit("handleFun",{params: 'city',addressData:e});
                }
                uni.navigateBack({ //uni.navigateTo跳转的返回,默认1为返回上一级
                    delta: 1
                });
                //#endif

 

更简洁的办法是

    uni.$emit("handleFun",{params: 'beginCity',beginCity:e});

上一页的取值方式则为

//解决H5 getCurrentPages()兼容问题
            // #ifdef  H5
              uni.$on("handleFun", res => {
                  console.log(res)
                  if (res.params == 'beginCity') {
                      this.form.beginCity = res.beginCity.city
                      this.myBeginData = res.beginCity
                  } else if (res.params == 'endCity') {
                      this.form.endCity = res.endCity.city
                      this.myEndData = res.endCity
                  } else if (res.params == 'city') {
                      this.addressData.cityArea = res.addressData.cityArea.city
                  }
                    // 清除监听
                    uni.$off('handleFun');
                })
            //#endif

 

参考文章:

http://www.bubuko.com/infodetail-3540980.html

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值