使用Vuejs事件中心发出信号时传递参数

时间:2019-01-18 21:16:06

标签: vue.js

我已经检查过similar question,但还有一件事我不清楚:

我可以在事件中心的emit中传递参数,但是我需要参数为VALUE而不是存储值的VARIABLE。因此,例如:eventHub.$emit('test_emit', true),并且在test_emit上调用的方法应将其参数设置为true。

2 个答案:

答案 0 :(得分:2)

根据您提供的类似问题,在发出事件时,只需将name替换为true

methods: {
    showModal(name) { this.bus.$emit('showModal', true); },
}

created() {
    // `show` will have the value that you emitted
    this.bus.$on('showModal', (show) => console.log(show);
}

答案 1 :(得分:1)

当然可以,您不能做的就是传递一个以上的变量(例如eventHub.$emit('test_emit', true, false),因为$ emit仅接受一个附加参数(可以是值或包含键的对象:值关联,也可以是称为有效载荷