https://blog.csdn.net/qq_16055765/article/details/79373281

https://blog.csdn.net/weixin_41602509/article/details/86661470

一，最简单的方法

二。笨一点的

点击事件失败原因：

router-link会阻止click事件，你可以试试只用click不用native,事件是不会触发的。而a标签不会阻止。

在vue学习中遇到给router-link 标签添加事件@click 、@mouseover等无效的情况

解决方案：

根据Vue2.0官方文档关于父子组件通讯的原则，父组件通过prop传递数据给子组件，子组件触发事件给父组件。但父组件想在子组件上监听自己的click的话，需要加上native修饰符。

所以如果在想要在router-link上添加事件的话需要@click.native这样写

————————————————

版权声明：本文为CSDN博主「qq_16055765」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

原文链接：https://blog.csdn.net/qq_16055765/article/details/79373281