1 Star 0 Fork 1.5K

沐瑶 / LearningNotes

forked from 陌溪 / LearningNotes 
Create your Gitee Account
Explore and code with more than 6 million developers,Free private repositories !:)
Sign up
Clone or download
README.md 760 Bytes
Copy Edit Web IDE Raw Blame History
陌溪 authored 2020-03-18 15:06 . add blog

Vue对Element中的el-tag添加@click事件无效

前言

今天在做评论模块的时候,想着对el-tag元素添加点击事件,发现无法触发,代码如下所示

<el-tag type="error" @click="onClick(scope.row.blog)">scope.row.blog.title}}</el-tag>

我们在点击el-tag标签的时候,无法触发其点击事件

解决方法

通过查阅资料发现官方给定了解答

image-20200120181142461

也就是所,必须使用@click.native才能够触发点击行为,而对于button,直接使用@click即可,修改后的代码如下所示,能够正常完成点击事件了~

<el-tag type="error" @click.native="onClick(scope.row.blog)">scope.row.blog.title}}</el-tag>

Comment ( 0 )

Sign in for post a comment

1
https://gitee.com/muyao_vip/LearningNotes.git
git@gitee.com:muyao_vip/LearningNotes.git
muyao_vip
LearningNotes
LearningNotes
master

Search