美文网首页
vue 的点击事件怎么获取当前点击的元素

vue 的点击事件怎么获取当前点击的元素

作者: 手指乐 | 来源:发表于2019-10-04 17:12 被阅读0次

首先 vue的点击事件 是用 @click = “clickfun()” 属性 在html中绑定的,
在点击的函数中 添加$event 参数就可以
比如

<button @click = “clickfun($event)”>点击</button>
 
methods: {
clickfun(e) {
// e.target 是你当前点击的元素
// e.currentTarget 是你绑定事件的元素
}
},
<div id="testzy"> 
            <div @click="clickfun($event)" id="id1">
                <span id = "id2">点击</span>
                </div>
            </div>

 clickfun(e) {
                alert(e.target.id) --id2
                alert(e.currentTarget.id) -- id1
            }

相关文章

网友评论

      本文标题:vue 的点击事件怎么获取当前点击的元素

      本文链接:https://www.haomeiwen.com/subject/dvdspctx.html