VUE ROUTER-LINK 上添加点击事件

  • Post author:
  • Post category:vue



点击事件失败原因:

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

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


解决方案:

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

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



版权声明:本文为qq_16055765原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。