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 相关文章推荐
封装html的select标签的js操作实例
Jul 02 Javascript
jquery easyui 对于开始时间小于结束时间的判断示例
Mar 22 Javascript
html5+javascript制作简易画板附图
Apr 25 Javascript
基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统
Dec 03 Javascript
JS动态创建元素的两种方法
Apr 20 Javascript
教你如何在Node.js中使用jQuery
Aug 28 Javascript
浅析JavaScript中作用域和作用域链
Dec 06 Javascript
JS基于面向对象实现的选项卡效果示例
Dec 20 Javascript
js 数据存储和DOM编程
Feb 09 Javascript
Vue中用props给data赋初始值遇到的问题解决
Nov 27 Javascript
微信小程序学习笔记之目录结构、基本配置图文详解
Mar 28 Javascript
js中!和!!的区别与用法
May 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
采用ThinkPHP中F方法实现快速缓存实例
2014/06/13 PHP
centos+php+coreseek+sphinx+mysql之一coreseek安装篇
2016/10/25 PHP
php输出图像的方法实例分析
2017/02/16 PHP
javascript 避免闭包引发的问题
2009/03/17 Javascript
iframe自适应宽度、高度 ie6 7 8,firefox 3.86下测试通过
2010/07/29 Javascript
JS上传图片前的限制包括(jpg jpg gif及大小高宽)等
2012/12/19 Javascript
Jquery 实现checkbox全选方法
2015/01/28 Javascript
使用AngularJS中的SCE来防止XSS攻击的方法
2015/06/18 Javascript
javascript实现给定半径求出圆的面积
2015/06/26 Javascript
jquery实现点击向下展开菜单项(伸缩导航)效果
2015/08/22 Javascript
微信小程序 生命周期详解
2016/10/12 Javascript
js 模仿锚点定位的实现方法
2016/11/19 Javascript
Bootstrap 3 进度条的实现
2017/02/22 Javascript
React入门教程之Hello World以及环境搭建详解
2017/07/11 Javascript
深入理解vue中的slot与slot-scope
2019/04/22 Javascript
原生JS实现多条件筛选
2020/08/19 Javascript
[48:48]2014 DOTA2国际邀请赛中国区预选赛 SPD-GAMING VS Dream TIME
2014/05/21 DOTA
决策树的python实现方法
2014/11/18 Python
python实现多线程行情抓取工具的方法
2018/02/28 Python
Python jieba库用法及实例解析
2019/11/04 Python
python中remove函数的踩坑记录
2021/01/04 Python
css3 条纹化和透明化表格Firefox下测试成功
2014/04/15 HTML / CSS
详解HTML5.2版本带来的修改
2020/05/06 HTML / CSS
AmazeUI 图标的示例代码
2020/08/13 HTML / CSS
俄罗斯眼镜网: optikaworld
2016/07/31 全球购物
Kangol帽子官网:坎戈尔袋鼠
2018/09/26 全球购物
高一化学教学反思
2014/02/05 职场文书
会计工作决心书
2014/03/11 职场文书
思想作风整顿个人剖析材料
2014/10/06 职场文书
党员教师群众路线思想汇报范文
2014/10/28 职场文书
2015年前台个人工作总结
2015/04/03 职场文书
2016年企业安全生产月活动总结
2016/04/06 职场文书
读《人生的智慧》有感:闲暇是人生的精华
2019/12/25 职场文书
Python的三个重要函数详解
2022/01/18 Python
Vue自定义铃声提示音组件的实现
2022/01/22 Vue.js
MySQL 数据 data 基本操作
2022/05/04 MySQL