Vue路由器链接和自定义事件

Question

我正在尝试在vue中的路由器链接上创建自定义事件，但它似乎不起作用。 我想做这样的事情-

父 -

<Home @customEvent="myEventHandler" />

脚本-

export default {
methods: {
    myEventHandler() {
        console.log('yay')
    }
}

儿童

export default {
...
mounted() {
    axios.get('api/link').then(res => {
        this.posts = res.data;
        this.$emit('customEvent')
    }
}

使用常规组件创建yay的日志效果很好，但是当我尝试执行类似操作时，

<router-link to='/home' @customEvent="myEventHandler">Home</router-link>

它似乎不起作用。 如何从使用router-link创建的组件中侦听自定义事件？

提前致谢...

Answer 1

这是可能的。 您只能$emit儿童事件的父母，你不能$emit 2个不同的路由器之间的事件

从孩子向父母发出事件

无法在2条不同的路线之间发出事件：

要解决此问题，可以为组件A和组件B创建包装器组件，然后使用router-view接收事件