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屋！