vue中 平级组件 传递事件

我们大多都知道父子组件之间传递事件,通常用到 子组件通过this.$emit()派发事件,父组件利用v-on对事件进行监听,实现参数的传递

那么两平等组件间的事件的传递要怎么实现呢  具体如下

这里就需要new一个调度器来完成 

Vue.prototype.bus = new Vue()  //这个调度器我把他定名为bus,并且把它挂载在vue原型上。 在main.js文件下

下面这个是需要传递事件的组件写法

<span class="btn" @click="getInput()">SEARCH</span>

getInput() {

this.bus.$emit("getInput", this.searchInput);

},

下面这是需要接受传递事件组件里面的写法

//监听nav中的搜索事件

this.bus.$on("getInput", data => {

//这里的data就是传递过来的 searchInput

});

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值