VUE中v-on:click事件中获取当前dom元素的代码


Posted in Javascript onAugust 22, 2018

在开发中总是忘记,特意在此记录

关键字:   $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元素的代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
脚本吧 - 幻宇工作室用到js,超强推荐base.js
Dec 23 Javascript
全屏js头像上传插件源码高清版
Mar 29 Javascript
JS实现动态表格的添加,修改,删除功能(推荐)
Jun 15 Javascript
深入理解js generator数据类型
Aug 16 Javascript
js初始化验证实例详解
Nov 26 Javascript
AngularJS入门示例之Hello World详解
Jan 04 Javascript
JS前端开发判断是否是手机端并跳转操作(小结)
Feb 05 Javascript
关于js对textarea换行符的处理方法浅析
Aug 03 Javascript
如何使用 vue + d3 画一棵树
Dec 03 Javascript
JS执行控制之节流模式实例分析
Dec 21 Javascript
详解Ant Design of React的安装和使用方法
Dec 27 Javascript
Vue循环中多个input绑定指定v-model实例
Aug 31 Javascript
jquery获取select选中值的文本,并赋值给另一个输入框的方法
Aug 21 #jQuery
js动态设置select下拉菜单的默认选中项实例
Aug 21 #Javascript
Canvas实现微信红包照片效果
Aug 21 #Javascript
Vue开发实现吸顶效果的示例代码
Aug 21 #Javascript
js canvas实现红包照片效果
Aug 21 #Javascript
js实现简单选项卡功能
Mar 23 #Javascript
js实现轮播图的完整代码
Oct 26 #Javascript
You might like
超人钢铁侠联手合作?美漫作家呼吁DC漫威合作联动以抵抗疫情
2020/04/09 欧美动漫
php 论坛采集程序 模拟登陆,抓取页面 实现代码
2009/07/09 PHP
php 分页原理详解
2009/08/21 PHP
PHP中上传多个文件的表单设计例子
2014/11/19 PHP
PHP SESSION的增加、删除、修改、查看操作
2015/03/20 PHP
php post大量数据时发现数据丢失问题解决方法
2015/06/20 PHP
关于使用runtimeStyle属性问题讨论文章
2007/03/08 Javascript
MC Dialog js弹出层 完美兼容多浏览器(5.6更新)
2010/05/06 Javascript
jQuery 选择器详解
2015/01/19 Javascript
Javascript字符串常用方法详解
2016/07/21 Javascript
详解jQuery简单的表格应用
2016/12/16 Javascript
webpack实现热加载自动刷新的方法
2017/07/30 Javascript
vue的全局提示框组件实例代码
2018/02/26 Javascript
vue.js使用v-pre与v-html输出HTML操作示例
2018/07/07 Javascript
vue watch普通监听和深度监听实例详解(数组和对象)
2018/08/16 Javascript
JavaScript函数、闭包、原型、面向对象学习笔记
2018/09/06 Javascript
vue element-ui之怎么封装一个自己的组件的详解
2019/05/20 Javascript
微信小程序缓存支持二次开发封装实现解析
2019/12/16 Javascript
ES2020 新特性(种草)
2020/01/12 Javascript
Bootstrap FileInput实现图片上传功能
2021/01/28 Javascript
[01:14]2014DOTA2展望TI 剑指西雅图newbee战队专访
2014/06/30 DOTA
[48:47]VGJ.S vs NB 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python version 2.7 required, which was not found in the registry
2014/08/26 Python
Python3使用requests发闪存的方法
2016/05/11 Python
利用Python实现网络测试的脚本分享
2017/05/26 Python
详解Python函数可变参数定义及其参数传递方式
2017/08/02 Python
python中requests库session对象的妙用详解
2017/10/30 Python
python制作抖音代码舞
2019/04/07 Python
使用Puppeteer爬取微信文章的实现
2020/02/11 Python
Python pandas 列转行操作详解(类似hive中explode方法)
2020/05/18 Python
美国最大的网上冲印店:Shutterfly
2017/01/01 全球购物
2014年党员自我评议对照检查材料
2014/09/20 职场文书
党的群众路线教育实践活动总结
2014/10/30 职场文书
2015年度班主任自我评价
2015/03/11 职场文书
感恩信:写给爸爸妈妈的一封感谢信
2019/09/12 职场文书
苹果M1芯片安装nginx 并且部署vue项目步骤详解
2021/11/20 Servers