美文网首页
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