vue多个按钮使用一个点击事件,如何在点击事件里标识到那个按钮被点击
vue多个按钮使用一个点击事件,如何在点击事件里标识到那个按钮被点击
·
今天做项目的时候遇到个问题,多个按钮调用一个方法,却不能判断到底是那个被点击了,找找查查,最后还是靠自己完成了,真不得不感叹一句JavaScript真是前端的基础,兜兜转转离不开它,话不多说,下面就是代码实现啦
template
<el-button
icon="el-icon-search"
@click="handle($event)"
id="s1"
></el-button >
<el-button
icon="el-icon-search"
@click="handle($event)"
id="s2"
></el-button>
//给每个按钮加一个可以表示身份的id属性值
script
handle(e) {
this.Id = e.currentTarget.getAttributeNode("id").value;
//通过这个获取每个button所对应的id值
if(this.Id==="s1"){
//那么就是第一个按钮被点击
}
else{
//是第二个按钮被点击
}
},
更多推荐
已为社区贡献3条内容
所有评论(0)