vue bus传值(带参数),调用组件之间的方法

1.不带参数的调用
创建的时候绑定
  created () {
    this.getLeftF();
    this.$bus.on('getLeftF', this.getLeftF);
  },
  销毁
  beforeDestroy () {
    this.$bus.off('getLeftF');  
  },
  methods: {
	  getLeftF () {
	      let params = {code: '0', page: 1, size: 50, companyId: this.companyId};
	      FIND_PAGE_DESIGN_MODULEE(params).then(res => {
	        if (res.code === 200 && res.data.data.length > 0) {
	          this.leftMenus = res.data.data;
	          this.$emit('update:leftMenus', this.leftMenus);
	          this.auotoAdd(res.data.data);
	        }
	      });
	    },
}

想要调用的地方直接this.$bus.emit('getLeftF'); 就可以了

2.带参数的调用

  created () {
    this.initTag();
    this.$bus.on('updateTopTags', this.updateTopTags);
  },
  beforeDestroy () {
    this.$bus.off('updateTopTags');
  },
  methods: {
	updateTopTags (newVal) {
	      console.log('qqqqq导航栏点击了', this.tags);
	      if (newVal.type === this.activeTag.type && newVal.sourceId === this.activeTag.sourceId) {
	        console.log('qqqqq已经是当前数据,不用切换');
	      } else {
	        if (!this.checkAddOrChange(newVal)) {
	          this.tags.push(newVal);
	        }
	        this.activeTag = newVal;
	      }
	    },
	}
想要调用的地方直接this.$bus.emit('updateTopTags', getObj); 就可以了
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值