vue1.0中 vm.$
dispatch 和 vm.$
broadcast 被弃用,改用$
emit,$
on.
vm.$emit( event, […args] )
触发当前实例上的事件。附加参数都会传给监听器回调。
{string} event
[…args]触发当前实例上的事件。附加参数都会传给监听器回调。
vm.$on( event, callback )
监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外参数。
{string | Array} event (数组只在 2.2.0+ 中支持) {Function} callback
实例:
在父页面使用vm.$emit进行传值操作。
detail(val) {
this.id = val
this.$refs.detailDialog.$emit("open")
},
子页面使用vm.$on进行监听
created() {
let self = this;
self.$on("open", function () {
this.setGlobalShortkey(false); // 禁用全局快捷键
self.dialogVisible = true;
self.dialogRender = true;
self.$nextTick((_) => {});
});
},
也可以利用附加参数进行其他参数的传值操作。