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
js实现页面打印功能实例代码(附去页眉页脚功能代码)
Dec 15 Javascript
JavaScript 页面坐标相关知识整理
Jan 09 Javascript
JavaScript 事件冒泡简介及应用
Jan 11 Javascript
JavaScript 和 Java 的区别浅析
Jul 31 Javascript
ExtJS实现文件下载的方法实例
Nov 09 Javascript
JavaScript获取XML数据附示例截图
Mar 05 Javascript
js用拖动滑块来控制图片大小的方法
Feb 27 Javascript
JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】
Mar 03 Javascript
D3.js的基础部分之数组的处理数组的排序和求值(v3版本)
May 09 Javascript
利用js-cookie实现前端设置缓存数据定时失效
Jun 18 Javascript
解决vue 子组件修改父组件传来的props值报错问题
Nov 09 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
用php写的serv-u的web申请账号的程序
2006/10/09 PHP
收集的php编写大型网站问题集
2007/03/06 PHP
PHP 飞信好友免费短信API接口开源版
2010/07/22 PHP
抓取并下载CSS中所有图片文件的php代码
2011/09/26 PHP
PHP遍历目录并返回统计目录大小
2014/06/09 PHP
Yii2中简单的场景使用介绍
2017/06/02 PHP
PHP实现负载均衡下的session共用功能
2018/04/17 PHP
PHP7 错误处理机制修改
2021/03/09 PHP
jQuery 使用手册(三)
2009/09/23 Javascript
Jsonp 跨域的原理以及Jquery的解决方案
2010/05/18 Javascript
img onload事件绑定各浏览器均可执行
2012/12/19 Javascript
Javascript基础知识(三)BOM,DOM总结
2014/09/29 Javascript
jquery判断复选框是否选中进行答题提示特效
2015/12/10 Javascript
Fullpage.js固定导航栏-实现定位导航栏
2016/03/17 Javascript
详解vue.js下引入百度地图jsApi的两种方法
2018/07/27 Javascript
Vue2 监听属性改变watch的实例代码
2018/08/27 Javascript
解决微信小程序防止无法回到主页的问题
2018/09/28 Javascript
Vue组件的使用及个人理解与介绍
2019/02/09 Javascript
Vue2.x通用编辑组件的封装及应用详解
2019/05/28 Javascript
使用imba.io框架得到比 vue 快50倍的性能基准
2019/06/17 Javascript
使用uni-app开发微信小程序的实现
2019/12/13 Javascript
JavaScript写个贪吃蛇小游戏(超详细)
2020/03/17 Javascript
[55:23]VGJ.T vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
python UNIX_TIMESTAMP时间处理方法分析
2016/04/18 Python
Python对字符串实现去重操作的方法示例
2017/08/11 Python
13个最常用的Python深度学习库介绍
2017/10/28 Python
python  logging日志打印过程解析
2019/10/22 Python
如何实现在jupyter notebook中播放视频(不停地展示图片)
2020/04/23 Python
土耳其时尚购物网站:Morhipo
2017/09/04 全球购物
Daniel Wellington官方海外旗舰店:丹尼尔惠灵顿DW手表
2018/02/22 全球购物
怀旧香味蜡烛:Homesick
2019/11/02 全球购物
OLEDBConnection和SQLConnection有什么区别
2013/05/31 面试题
优秀班集体获奖感言
2014/02/03 职场文书
讲解员培训方案
2014/05/04 职场文书
爱耳日宣传活动总结
2014/07/05 职场文书
2014年乡镇卫生院工作总结
2014/11/24 职场文书