其他分享
首页 > 其他分享> > 同一个父组件,兄弟组件相互传参,调用

同一个父组件,兄弟组件相互传参,调用

作者:互联网

组件brother2想调用组件brother1的方法,并传参

可以新建一个handler.js文件

import Vue from 'vue';

export default new Vue(); 
brother1组件方法:
import handler from './handler';
methods: {
    handleEmit () {
      console.log('tabNum',this.tabNum)
      handler.$emit('changeActiveItem', this.tabNum);
    }
  }
brother2组件调用:
import handler from './handler'
mounted() {
      // 当页面渲染完成后,监听brother1兄弟组件传递过来的tabNum值
      // 当前组件要保证与brother1兄弟组件的页面tab值保持一致
      handler.$on('changeActiveItem', (tabNum) => {
          console.log('传过来的值',tabNum)
      });
  },

  

 

标签:传参,调用,brother1,handler,import,组件,tabNum
来源: https://www.cnblogs.com/yizhenfeng-sandy/p/16611960.html