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 相关文章推荐
锋利的jQuery jQuery中的DOM操作
Mar 21 Javascript
JS中Iframe之间传值的方法
Mar 11 Javascript
js中Image对象以及对其预加载处理示例
Nov 20 Javascript
javascript实现字符串反转的方法
Feb 05 Javascript
jQuery+HTML5实现手机摇一摇换衣特效
Jun 05 Javascript
jQuery+CSS3折叠卡片式下拉列表框实现效果
Nov 02 Javascript
JavaScript function函数种类详解
Feb 22 Javascript
[原创]Bootstrap 中下拉菜单修改成鼠标悬停直接显示
Apr 14 Javascript
js单页hash路由原理与应用实战详解
Aug 14 Javascript
Express进阶之log4js实用入门指南
Feb 10 Javascript
JS实现的定时器展示简单秒表、页面弹框及跳转操作完整示例
Jan 26 Javascript
JavaScript实现班级抽签小程序
May 19 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
dede全站URL静态化改造[070414更正]
2007/04/17 PHP
php-accelerator网站加速PHP缓冲的方法
2008/07/30 PHP
PHP使用memcache缓存技术提高响应速度的方法
2014/12/26 PHP
php自定义截取中文字符串-utf8版
2017/02/27 PHP
php libevent 功能与使用方法详解
2020/03/04 PHP
ExtJS Window 最小化的一种方法
2009/11/18 Javascript
javascript与CSS复习(三)
2010/06/29 Javascript
js中substring和substr的详细介绍与用法
2013/08/29 Javascript
IE下window.onresize 多次调用与死循环bug处理方法介绍
2013/11/12 Javascript
jquery操作cookie插件分享
2014/01/14 Javascript
JavaScript数组和循环详解
2015/04/27 Javascript
js实现新浪微博首页效果
2015/10/16 Javascript
在JavaScript中模拟类(class)及类的继承关系
2016/05/20 Javascript
Angularjs中三种数据的绑定策略(“@”,“=”,“&amp;”)
2016/12/23 Javascript
使用JQuery自动完成插件Auto Complete详解
2019/06/18 jQuery
解决layui laydate 时间控件一闪而过的问题
2019/09/28 Javascript
vue实现页面内容禁止选中功能,仅输入框和文本域可选
2019/11/09 Javascript
Jquery异步上传文件代码实例
2019/11/13 jQuery
用Golang运行JavaScript的实现示例
2019/11/25 Javascript
JS实现横向跑马灯效果代码
2020/04/20 Javascript
js实现计算器功能
2020/08/10 Javascript
Python装饰器使用示例及实际应用例子
2015/03/06 Python
python学生信息管理系统(完整版)
2020/04/05 Python
详解django自定义中间件处理
2018/11/21 Python
Python理解递归的方法总结
2019/01/28 Python
解决Pyinstaller 打包exe文件 取消dos窗口(黑框框)的问题
2019/06/21 Python
解决jupyter notebook打不开无反应 浏览器未启动的问题
2020/04/10 Python
NICKIS.com荷兰:设计师儿童时装
2020/01/08 全球购物
高中生毕业自我鉴定范文
2013/12/22 职场文书
出纳员岗位职责
2014/03/13 职场文书
2014大学生中国梦主题教育学习思想汇报
2014/09/10 职场文书
嘉年华活动新闻稿
2015/07/17 职场文书
留学文书中的个人陈述,应该注意哪些问题?
2019/08/23 职场文书
python中mongodb包操作数据库
2022/04/19 Python
JS前端使用canvas实现扩展物体类和事件派发
2022/08/05 Javascript
go goth封装第三方认证库示例详解
2022/08/14 Golang