比如我有一个父页面parent.vue
<template>
<div>
<embed src="./child.js"></embed>
<div>
</template>
子页面child.vue
<template>
<div @click="onClick">
<text>按钮</text>
</div>
</template>
<script>
module.exports = {
methods: {
onClick:function(e) {
this.$emit('childClicked');
},
}
}
</script>
我现在希望,在parent.vue中能收到childClicked这个事件,有什么方法能做到吗?
<embed src="./child.js" @childClicked="someMethod"></embed>
上面这个写法是收不到childClicked事件的。因为embed内容和parent.vue是两个不同的instance,它们之间的通信怎么实现?
可以考虑全局事件,或者自己实现一个原生的广播模块给vue调用