VUE中v-on:click事件中获取当前dom元素的代码
2018-08-22 08:43
751 查看
在开发中总是忘记,特意在此记录
关键字: $event
<div class="bed" v-on:click="updateBed(index,$event)">{{item.BedID}}<br>{{item.CriminalName}}</div> updateBed: function(index, e) { var selectedBedDom = $(e.srcElement)//dom元素 }
PS:下面看下v-on:click获取当前事件对象元素
dom元素这样写:
<i @click="iconToogle($event)" class="iconfont icon-xuanzhong1"></i>
vue实例中的methods的写法:
function (event){ console.log($(event.target) },
总结
以上所述是小编给大家介绍的VUE中v-on:click事件中获取当前dom元素的代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章推荐
- v-on:click获取当前事件对象元素
- vue获取当前事件的dom元素 var thisDom = e.currentTarget;
- ng-click 事件获取dom元素 angular
- jquery绑定事件的方法on中获取当前所在元素及子元素的方式
- Javascript处理DOM元素事件实现代码
- 解决给dom元素绑定click等事件无效问题的方法
- Html之在事件委派中发送Ajax请求获取当前元素并删除
- vue获取dom元素注意问题
- 使用vue点击li,获取当前点击li父辈元素的属性值方法
- vue 获取当前点击dom
- 关于jquery 的绑定事件on 如何绑定动态生成的dom元素
- 解决给dom元素绑定click等事件无效问题的方法
- gridview 获取当前行的index ,按钮的click事件
- JQuery捕获或获取当前click事件的事件对象ID
- C#JS动态添加事件,并且获取触发事件的当前node元素
- 获取dom元素那些讨厌的位置封装代码
- vue获取dom元素注意事项
- angularjs ng-click获取当前元素