javascript - vue点击事件触发源如何正确获取?
本文介绍了javascript - vue点击事件触发源如何正确获取?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
按照官方给出的案例,点击事件触发源是在事件函数里边通过$event传递,实际操作中如下边,打印出来的对象很有可能是li span i 或者是p,我只想在获取到当前点击的li,如何获取?别说用jquery通过$index绑定到父级获取到当前那个li,实际数据中有可能层级很深你根本不知道有多少层,用vue的写法如何获取到当前点击那个li?
<div id="app">
<ul>
<li v-for="item in items" @click="clickFn($event,$index)">
<span>你可能点到我</span>
<i>也有可能点到我</i>
<p>更有可能会点到我</p>
</li>
</ul>
</div>
js代码:
new Vue({
el:'#app',
methods:{
clickFn:function(event){
console.info(event.target)
}
}
})
解决方案
语法写成这样:@click.self=callback()
,试试吧。
这篇关于javascript - vue点击事件触发源如何正确获取?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文