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关于页面焦点的定位(文本框获取焦点时改变样式 )
Sep 10 Javascript
JavaScript 小型打飞机游戏实现原理说明
Oct 28 Javascript
快速解决jquery之get缓存问题的最简单方法介绍
Dec 19 Javascript
图片翻转效果具体实现代码
Jan 09 Javascript
js控制输入框获得和失去焦点时状态显示的方法
Jan 30 Javascript
javascript使用shift+click实现选择和反选checkbox的方法
May 04 Javascript
JavaScript对象数组排序函数及六个用法
Dec 23 Javascript
50 个 jQuery 插件可将你的网站带到另外一个高度
Apr 26 Javascript
一个超简单的jQuery回调函数例子(分享)
Aug 08 Javascript
关于js二维数组和多维数组的定义声明(详解)
Oct 02 Javascript
JavaScript设置名字输入不合法的实现方法
May 23 Javascript
bootstrap daterangepicker汉化以及扩展功能
Jun 15 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
冰滴咖啡制作步骤
2021/03/03 冲泡冲煮
摩卡咖啡
2021/03/03 咖啡文化
关于PHP中操作MySQL数据库的一些要注意的问题
2006/10/09 PHP
discuz authcode 经典php加密解密函数解析
2020/07/12 PHP
模板引擎正则表达式调试小技巧
2011/07/20 PHP
PHP定时任务延缓执行的实现
2014/10/08 PHP
php准确计算复活节日期的方法
2015/04/18 PHP
php版微信公众号自定义分享内容实现方法
2016/09/22 PHP
Extjs4实现两个GridPanel之间数据拖拽功能具体方法
2013/11/21 Javascript
超实用的javascript时间处理总结
2016/08/16 Javascript
JavaScript学习笔记整理_用于模式匹配的String方法
2016/09/19 Javascript
jQuery select自动选中功能实现方法分析
2016/11/28 Javascript
JavaScript 函数节流详解及方法总结
2017/02/09 Javascript
JS基于for语句编写的九九乘法表示例
2018/01/04 Javascript
详谈js的变量提升以及使用方法
2018/10/06 Javascript
vue项目中axios请求网络接口封装的示例代码
2018/12/18 Javascript
JS手写一个自定义Promise操作示例
2020/03/16 Javascript
JS一次前端面试经历记录
2020/03/19 Javascript
Vue项目接入Paypal实现示例详解
2020/06/04 Javascript
微信小程序完美解决scroll-view高度自适应问题的方法
2020/08/08 Javascript
详解python3百度指数抓取实例
2016/12/12 Python
python3监控CentOS磁盘空间脚本
2018/06/21 Python
浅析python中的迭代与迭代对象
2018/10/08 Python
Python中模块(Module)和包(Package)的区别详解
2019/08/07 Python
彻底搞懂python 迭代器和生成器
2020/09/07 Python
python import 上级目录的导入
2020/11/03 Python
Python绘制数码晶体管日期
2021/02/19 Python
瑞士香水购物网站:Parfumcity.ch
2017/01/14 全球购物
VICHY薇姿美国官方网站:欧洲药房第一的抗衰老品牌
2017/11/22 全球购物
汉森冲浪板:Hansen Surfboards
2018/05/19 全球购物
C/C++程序员常见面试题一
2012/12/08 面试题
日语专业毕业生自荐书
2014/06/18 职场文书
工伤事故赔偿协议书(标准)
2014/09/29 职场文书
小学二年级数学教学计划
2015/01/20 职场文书
中学社团活动总结
2015/05/07 职场文书
mapstruct的用法之qualifiedByName示例详解
2022/04/06 Java/Android