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加解密 脚本解密
Feb 22 Javascript
dwr spring的集成实现代码
Mar 22 Javascript
node.js中的http.request方法使用说明
Dec 14 Javascript
Javascript无参数和有参数类继承问题解决方法
Mar 02 Javascript
JavaScript弹出新窗口并控制窗口移动到指定位置的方法
Apr 06 Javascript
jQuery中text() val()和html()的区别实例详解
Jun 28 Javascript
ionic中的$ionicPlatform.ready事件中的通用设置
Jun 11 Javascript
使用vux实现上拉刷新功能遇到的坑
Feb 08 Javascript
20个最常见的jQuery面试问题及答案
May 23 jQuery
ES6中异步对象Promise用法详解
Jul 31 Javascript
javascript自定义右键菜单插件
Dec 16 Javascript
js实现带积分弹球小游戏
Jul 21 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更新修改excel中的内容实例代码
2014/02/26 PHP
PHP5.2中PDO的简单使用方法
2016/03/25 PHP
JavaScript While 循环基础教程
2007/04/05 Javascript
javascript的onchange事件与jQuery的change()方法比较
2009/09/28 Javascript
js 父窗口控制子窗口的行为-打开,关闭,重定位,回复
2010/04/20 Javascript
基于jquery实现的表格分页实现代码
2011/06/21 Javascript
javaScript让文本框内的最后一个文字的后面获得焦点实现代码
2013/01/06 Javascript
图片上传插件jquery.uploadify详解
2013/11/15 Javascript
Javascript实现简单的富文本编辑器附演示
2014/06/16 Javascript
jQuery层级选择器用法分析
2015/02/10 Javascript
手机浏览器 后退按钮强制刷新页面方法总结
2016/10/09 Javascript
JS判断指定dom元素是否在屏幕内的方法实例
2017/01/23 Javascript
详谈Ajax请求中的async:false/true的作用(ajax 在外部调用问题)
2017/02/10 Javascript
vue 设置proxyTable参数进行代理跨域
2018/04/09 Javascript
详解使用jQuery.i18n.properties实现js国际化
2018/05/04 jQuery
vue-cli脚手架的安装教程图解
2018/09/02 Javascript
Vue组件间通信方法总结(父子组件、兄弟组件及祖先后代组件间)
2019/04/17 Javascript
TypeScript中使用getElementXXX()的示例代码
2019/09/12 Javascript
js实现文章目录索引导航(table of content)
2020/05/10 Javascript
Python bsddb模块操作Berkeley DB数据库介绍
2015/04/08 Python
Python开发SQLite3数据库相关操作详解【连接,查询,插入,更新,删除,关闭等】
2017/07/27 Python
Python基于OpenCV实现视频的人脸检测
2018/01/23 Python
python中plot实现即时数据动态显示方法
2018/06/22 Python
python使用matplotlib绘制热图
2018/11/07 Python
Python 字符串类型列表转换成真正列表类型过程解析
2019/08/26 Python
Pandas读取csv时如何设置列名
2020/06/02 Python
pip 20.3 新版本发布!即将抛弃 Python 2.x(推荐)
2020/12/16 Python
Python调用系统命令os.system()和os.popen()的实现
2020/12/31 Python
CSS3制作文字半透明倒影效果的两种实现方式
2014/08/08 HTML / CSS
Marriott中国:万豪国际酒店查询预订
2016/09/02 全球购物
美国牛仔品牌:True Religion
2018/11/16 全球购物
汽车专业毕业生推荐信
2013/11/12 职场文书
客运企业隐患排查工作方案
2014/06/06 职场文书
小组名称和口号
2014/06/09 职场文书
2014年稽查工作总结
2014/12/20 职场文书
python基础之//、/与%的区别详解
2022/06/10 Python