vue_router添加点击事件

Posted 皮皮是只公喵

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue_router添加点击事件相关的知识,希望对你有一定的参考价值。

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

原来的代码:

1 <router-link to=‘/SelectPage‘ @click=‘dianji‘><button>生成我的感谢信</button></router-link>

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

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

更改后的代码:

1 <router-link to=‘/SelectPage‘ @click.native=‘dianji‘><button>生成我的感谢信</button></router-link>

这样代码就生效了。

以上是关于vue_router添加点击事件的主要内容,如果未能解决你的问题,请参考以下文章

向元素添加点击事件?

Android YouTube Player API Fragment无法手动处理触摸事件

pycharm添加Odoo代码片段

JavaFX窗口拖动

原生js如何绑定a连接点击事件?

Android导航抽屉点击事件问题