vue事件总线传递参数
时间: 2023-06-29 20:05:59 浏览: 45
Vue学习之旅之重点1:组件与数据传递
Vue事件总线是一种在组件之间传递数据的方式,通过该方式,我们可以在任何地方监听和触发事件。在事件总线中传递参数可以通过事件对象的`payload`属性来实现。
首先,在创建事件总线之前,需要在Vue的原型上定义一个事件总线:
```javascript
Vue.prototype.$bus = new Vue();
```
然后,在发送消息的组件中,使用事件总线 `$bus` 触发事件,并传递参数:
```javascript
this.$bus.$emit('event-name', payload);
```
其中, `event-name` 是事件的名称, `payload` 是要传递的参数。
最后,在接收消息的组件中,监听事件,并获取参数:
```javascript
this.$bus.$on('event-name', (payload) => {
// 处理事件
});
```
在事件处理函数中,通过 `payload` 参数获取传递过来的数据。
阅读全文