码迷,mamicode.com
首页 > 其他好文 > 详细

vue_router添加点击事件

时间:2018-01-29 16:01:03      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:2.0   gpo   div   color   link   自己   需要   pos   官方文档   

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添加点击事件

标签:2.0   gpo   div   color   link   自己   需要   pos   官方文档   

原文地址:https://www.cnblogs.com/wush-1215/p/8376387.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!