vue_router添加点击事件
2024-08-21 10:41:46
1.在vue学习中遇到给router-link 标签添加事件@click 、@mouseover等无效的情况
原来的代码:
<router-link to='/SelectPage' @click='dianji'><button>生成我的感谢信</button></router-link>
根据Vue2.0官方文档关于父子组件通讯的原则,父组件通过prop传递数据给子组件,子组件触发事件给父组件。但父组件想在子组件上监听自己的click的话,需要加上native
修饰符。
所以如果在想要在router-link上添加事件的话需要@click.native这样写
更改后的代码:
<router-link to='/SelectPage' @click.native='dianji'><button>生成我的感谢信</button></router-link>
这样代码就生效了。
最新文章
- ASP.NET Core中的依赖注入(5): ServiceProvider实现揭秘 【总体设计 】
- 【编程题目】在一个字符串中找到第一个只出现一次的字符。如输入 abaccdeff,则输出 b。
- win7下安装openpyxl
- eclipse如何导入项目
- 【bzoj1043】下落的圆盘
- Java GC系列(4):垃圾回收监视和分析
- Microsoft Office Visio Professional 2007密钥
- 【转】IOS 30多个iOS常用动画,带详细注释
- struct tm->;time() localtime() gmtime()
- JAVA FILE or I/O学习 - 补充CopyFiles功能
- 线段树(单点更新and成段更新)
- MySQL闪回原理与实战
- ExtJS+Handler入门显示
- MySQL计划任务(事件调度器)(Event Scheduler)[转]
- P1041 传染病控制(dfs)
- crontab工具安装和检查
- SENDMESSAGE和POSTMESSAGE
- django基于中间件的IP访问频率控制
- (贪心部分背包问题)Saving HDU HDU2111
- MongoDB 更新数组中的元素