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 相关文章推荐
在次封装easyui-Dialog插件实现代码
Nov 14 Javascript
js中escape对应的C#解码函数 UrlDecode
Dec 16 Javascript
浏览器兼容console对象的简要解决方案分享
Oct 24 Javascript
使用jQuery实现星级评分代码分享
Dec 09 Javascript
node.js中的fs.symlinkSync方法使用说明
Dec 15 Javascript
Javascript中typeof 用法小结
May 12 Javascript
javascript实现超炫的向上滑行菜单实例
Aug 03 Javascript
jQuery使用中可能被XSS攻击的一些危险环节提醒
May 24 Javascript
AngularJS Ajax详解及示例代码
Aug 17 Javascript
修改node.js默认的npm安装目录实例
May 15 Javascript
JavaScript设计模式之建造者模式实例教程
Jul 02 Javascript
解决vue 界面在苹果手机上滑动点击事件等卡顿问题
Nov 27 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
程序员编程十条戒律
2009/07/09 PHP
Symfony生成二维码的方法
2016/02/04 PHP
php简单备份与还原MySql的方法
2016/05/09 PHP
jquery进行数组遍历如何跳出当前的each循环
2014/06/05 Javascript
AngularJS的表单使用详解
2015/06/17 Javascript
浅谈jQuery中setInterval()方法
2015/07/07 Javascript
JavaScript实现斗地主游戏的思路
2016/02/29 Javascript
Node.js的Express框架使用上手指南
2016/03/12 Javascript
js中class的点击事件没有效果的解决方法
2016/10/13 Javascript
angularjs+bootstrap菜单的使用示例代码
2017/03/07 Javascript
基于zepto.js实现手机相册功能
2017/07/11 Javascript
原生js封装添加class,删除class的实例
2017/11/06 Javascript
form表单数据封装成json格式并提交给服务器的实现方法
2017/12/14 Javascript
JS实现碰撞检测的方法分析
2018/01/19 Javascript
记一次vue-webpack项目优化实践详解
2019/02/17 Javascript
vue下使用nginx刷新页面404的问题解决
2019/08/02 Javascript
react的hooks的用法详解
2020/10/12 Javascript
[03:30]DOTA2完美“圣”典精彩集锦
2016/12/27 DOTA
详解如何将python3.6软件的py文件打包成exe程序
2018/10/09 Python
python binascii 进制转换实例
2019/06/12 Python
解决Python3用PIL的ImageFont输出中文乱码的问题
2019/08/22 Python
python设置随机种子实例讲解
2019/09/12 Python
Python如何批量获取文件夹的大小并保存
2020/03/31 Python
Mistine官方海外旗舰店:泰国国民彩妆品牌
2016/12/28 全球购物
通用C#笔试题附答案
2016/11/26 面试题
化工机械应届生求职信
2013/11/04 职场文书
函授本科个人自我鉴定
2014/03/25 职场文书
乔布斯斯坦福大学演讲稿
2014/05/23 职场文书
教师党员群众路线教育实践活动心得体会
2014/11/04 职场文书
安全责任书
2015/01/29 职场文书
经理岗位职责
2015/02/02 职场文书
2015年庆祝国庆节66周年演讲稿
2015/07/30 职场文书
你会写报告?产品体验报告到底该怎么写?
2019/08/14 职场文书
SQLServer 错误: 15404,无法获取有关 Windows NT 组/用户 WIN-8IVSNAQS8T7\Administrator 的信息
2021/06/30 SQL Server
Java面试题冲刺第十六天--消息队列
2021/08/07 面试题
Vue3中toRef与toRefs的区别
2022/03/24 Vue.js