JS中onclick函数自动执行问题
JS中onclick函数自动执行问题
西柚dzh
发布于 2022-06-09 16:05:43
发布于 2022-06-09 16:05:43
代码可运行
运行总次数：0
代码可运行
onClick中的函数自动被调用问题
来看如下两种html片段
// 每次加载都会执行一次
<a href='javascript:void(0)' onclick={this.clickCon(row.contractID)}>合同</a>
// 正常执行
<a href='javascript:void(0)' onclick={()=>this.clickCon}>合同</a>原因
第一种写法是每次加载时，先调用clickCon方法，然后将执行结果赋给onclick,每次都会执行
后面一种是将clickCon方法传递给onclick，所以只有触发click才会执行
解决方法
使用匿名函数
// 正常执行
<a href='javascript:void(0)' onclick={()=>this.clickCon(row.contractID)}>合同</a>版权属于：dingzhenhua
本文链接：https://cloud.tencent.com/developer/article/2019205
转载时须注明出处及本声明
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2020-08-06，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
