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实现的日期操作类DateTime函数代码
Mar 16 Javascript
让页面上两个div中的滚动条(滑块)同步运动示例
Aug 07 Javascript
如何解决Jquery库及其他库之间的$命名冲突
Sep 15 Javascript
jquery遍历checkbox的注意事项说明
Feb 21 Javascript
javascript简单实现等比例缩小图片的方法
Jul 27 Javascript
Angular表单验证实例详解
Oct 20 Javascript
jQuery实现多张图片上传预览(不经过后端处理)
Apr 29 jQuery
Angular2使用Angular CLI快速搭建工程(一)
May 21 Javascript
对类Vue的MVVM前端库的实现代码
Sep 07 Javascript
关于微信小程序登录的那些事
Jan 08 Javascript
JS中的变量作用域(console版)
Jul 18 Javascript
vue中选中多个选项并且改变选中的样式的实例代码
Sep 16 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和ACCESS写聊天室(二)
2006/10/09 PHP
php与mysql建立连接并执行SQL语句的代码
2011/07/04 PHP
PHP输出时间差函数代码
2013/01/28 PHP
php代码书写习惯优化小结
2013/06/20 PHP
[原创]PHP实现字节数Byte转换为KB、MB、GB、TB的方法
2017/08/31 PHP
PHP实现数组根据某个单元字段排序操作示例
2018/08/01 PHP
$.format,jquery.format 使用说明
2011/07/13 Javascript
jQuery使用之标记元素属性用法实例
2015/01/19 Javascript
jQuery实现仿美橙互联两级导航菜单的方法
2015/03/09 Javascript
JS+CSS实现简易实用的滑动门菜单效果
2015/09/18 Javascript
JS比较两个数值的大小实例
2016/11/25 Javascript
JS生成和下载二维码的代码
2016/12/07 Javascript
bootstrap模态框实现拖拽效果
2016/12/14 Javascript
基于node.js制作简单爬虫教程
2017/06/29 Javascript
vue实现留言板todolist功能
2017/08/16 Javascript
基于Vue实现后台系统权限控制的示例代码
2017/08/29 Javascript
纯js实现画一棵树的示例
2017/09/05 Javascript
Vue+Webpack完美整合富文本编辑器TinyMce的方法
2018/11/30 Javascript
如何让node运行es6模块文件及其原理详解
2018/12/11 Javascript
vue项目中mock.js的使用及基本用法
2019/05/22 Javascript
vue 实现滚动到底部翻页效果(pc端)
2019/07/31 Javascript
js仿360开机效果
2019/12/26 Javascript
基于javascript实现碰撞检测
2020/03/12 Javascript
Python读取Excel的方法实例分析
2015/07/11 Python
pandas创建新Dataframe并添加多行的实例
2018/04/08 Python
python实现顺序表的简单代码
2018/09/28 Python
django-rest-swagger对API接口注释的方法
2019/08/29 Python
Python3 tkinter 实现文件读取及保存功能
2019/09/12 Python
HTML5 Canvas绘制圆点虚线实例
2015/01/01 HTML / CSS
预备党员入党思想汇报
2014/01/04 职场文书
优秀食品类广告词
2014/03/19 职场文书
机关党总支领导班子整改方案
2014/09/20 职场文书
幼儿园端午节活动总结
2015/05/05 职场文书
2015年学校教科室工作总结
2015/07/20 职场文书
哪类餐饮行业,最适合在高校创业?
2019/08/19 职场文书
Python 解决空列表.append() 输出为None的问题
2021/05/23 Python