uni-app 页面跳转 对象传参,利用eventChannel

3 篇文章 0 订阅
2 篇文章 0 订阅

 父页面  调用 uni.navigateTo

注意success中res对象 有个eventChannel

     showCheckList() {
        let _vm = this;
        uni.navigateTo({
          url: '/pages/component/trial-manufacture/check-list',
          success: function(res) {
            res.eventChannel.emit('login', {
              examineList: _vm.trialProduceExamineList,
              station: _vm.station,
              stationList: _vm.userStationList
            })
          }
        })
      }

子页面接收参数, onLoad时调用this.getOpenerEventChannel

onUnload时记得解除监听

    data() {
		return {
            eventChannel: null,
        }
    },
    onLoad(options){
      const eventChannel = this.getOpenerEventChannel();
      this.eventChannel = eventChannel;
      let _vm = this;

      eventChannel.on('login', function(params) {
        let {examineList, station, stationList} = params;
        _vm.examineList = examineList;
        _vm.station = station;
        _vm.stationList = stationList;
      })
    },
    onUnload() {
      this.eventChannel.off('login');
    },

参考文档:

https://uniapp.dcloud.io/api/router?id=event-channel

 

  • 5
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值