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 相关文章推荐
JavaScript延迟加载
Mar 09 Javascript
JQUERY CHECKBOX全选,取消全选,反选方法三
Aug 30 Javascript
js兼容的placeholder属性详解
Aug 18 Javascript
用js将内容复制到剪贴板兼容浏览器
Mar 18 Javascript
JS实现漂亮的时间选择框效果
Aug 20 Javascript
详解AngularJS验证、过滤器、指令
Jan 04 Javascript
如何使用bootstrap框架 bootstrap入门必看!
Apr 13 Javascript
vue.js的安装方法
May 12 Javascript
Javascript实现购物车功能的详细代码
May 08 Javascript
Vue press 支持图片放大功能的实例代码
Nov 09 Javascript
js判断在哪个浏览器打开项目的方法
Jan 21 Javascript
vue-cli创建的项目中的gitHooks原理解析
Feb 14 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
从零开始 教你如何搭建Discuz!4.1论坛
2006/07/07 PHP
php中file_get_contents与curl性能比较分析
2014/11/08 PHP
php字符串分割函数用法实例
2015/03/17 PHP
Flash对联广告的关闭按钮讨论
2007/01/30 Javascript
按给定几率进行随机抽取的js代码
2010/12/28 Javascript
33个优秀的jQuery 教程分享(幻灯片、动画菜单)
2011/07/08 Javascript
js 遍历对象的属性的代码
2011/12/29 Javascript
实现动画效果核心方式的js代码
2013/09/27 Javascript
JS实现IE状态栏文字缩放效果代码
2015/10/24 Javascript
解决jQuery上传插件Uploadify出现Http Error 302错误的方法
2015/12/18 Javascript
TypeOf这些知识点你了解吗
2016/02/21 Javascript
bootstrap网格系统使用方法解析
2017/01/13 Javascript
canvas实现图像截取功能
2017/02/06 Javascript
JS库 Highlightjs 添加代码行号的实现代码
2017/09/13 Javascript
浅谈react 同构之样式直出
2017/11/07 Javascript
关于redux-saga中take使用方法详解
2018/02/27 Javascript
js中的深浅拷贝问题简析
2019/05/10 Javascript
layui-select动态选中值的例子
2019/09/23 Javascript
JavaScript 常见的继承方式汇总
2020/09/17 Javascript
[56:35]DOTA2上海特级锦标赛C组小组赛#1 OG VS Archon第二局
2016/02/27 DOTA
Python松散正则表达式用法分析
2016/04/29 Python
Python实现的手机号归属地相关信息查询功能示例
2017/06/08 Python
Python3爬虫学习入门教程
2018/12/11 Python
OpenCV+Python识别车牌和字符分割的实现
2019/01/31 Python
Python Django 前后端分离 API的方法
2019/08/28 Python
python matplotlib如何给图中的点加标签
2019/11/14 Python
Python 读取 YUV(NV12) 视频文件实例
2019/12/09 Python
Python中常见的数制转换有哪些
2020/05/27 Python
详解Pytorch显存动态分配规律探索
2020/11/17 Python
python自动化办公操作PPT的实现
2021/02/05 Python
巧用CSS3 border实现图片遮罩效果代码
2012/04/09 HTML / CSS
使用CSS3的ruby-position固定注音位置的用法示例
2016/07/05 HTML / CSS
中学教师管理制度
2014/01/14 职场文书
pandas 操作 Excel操作总结
2021/03/31 Python
Go 在 MongoDB 中常用查询与修改的操作
2021/05/07 Golang
关于windows server 2012 DC 环境 重启后蓝屏代码:0xc00002e2的问题
2022/05/25 Servers