为了账号安全,请及时绑定邮箱和手机立即绑定

vue点击事件触发源如何正确获取?

vue点击事件触发源如何正确获取?

小怪兽爱吃肉 2018-10-19 08:33:57
按照官方给出的案例,点击事件触发源是在事件函数里边通过$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)                     }                 } })
查看完整描述

1 回答

?
慕容708150

TA贡献1831条经验 获得超4个赞

语法写成这样:@click.self=“callback()”,试试吧。


查看完整回答
反对 回复 2018-11-05
  • 1 回答
  • 0 关注
  • 1013 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信