生活的本意是平淡且知足
133 字
1 分钟
Vue对Element中的e-tag添加@click事件无效
前言
今天在做评论模块的时候，想着对el-tag元素添加点击事件，发现无法触发，代码如下所示
<el-tag type="error" @click="onClick(scope.row.blog)">scope.row.blog.title}}</el-tag>我们在点击el-tag标签的时候，无法触发其点击事件
解决方法
通过查阅资料发现官方给定了解答
也就是所，必须使用@click.native才能够触发点击行为，而对于button，直接使用@click即可，修改后的代码如下所示，能够正常完成点击事件了~
<el-tag type="error" @click.native="onClick(scope.row.blog)">scope.row.blog.title}}</el-tag> Vue对Element中的e-tag添加@click事件无效
http://localhost:4321/posts/vue/vue对element中的e-tag添加click事件无效/ 发布于
2025-09-02
许可协议
CC BY-NC-SA 4.0