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 Tab插件 用于在Tab中显示iframe,附源码和详细说明
Jun 27 Javascript
ExtJs Excel导出并下载IIS服务器端遇到的问题
Sep 16 Javascript
js的onload事件及初始化按钮事件示例代码
Sep 25 Javascript
javascript自定义函数参数传递为字符串格式
Jul 29 Javascript
js实现网页标题栏闪烁提示效果实例分析
Nov 20 Javascript
jQuery实现select模糊查询(反射机制)
Jan 14 Javascript
vue1.0和vue2.0的watch监听事件写法详解
Sep 11 Javascript
浅谈Three.js截图并下载的大坑
Nov 01 Javascript
node.js中process进程的概念和child_process子进程模块的使用方法示例
Feb 11 Javascript
简单了解three.js 着色器材质
Aug 03 Javascript
vue实现图片按比例缩放问题操作
Aug 11 Javascript
JavaScript使用canvas绘制坐标和线
Apr 28 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实现冒泡排序的简单实例
2016/05/26 PHP
PHP mysqli_free_result()与mysqli_fetch_array()函数详解
2016/09/21 PHP
Yii2压缩PHP中模板代码的输出问题
2018/08/28 PHP
JavaScript入门教程(5) js Screen屏幕对象
2009/01/31 Javascript
JavaScript DOM 编程艺术(第2版)读书笔记(JavaScript的最佳实践)
2013/10/01 Javascript
js动态添加删除,后台取数据(示例代码)
2013/11/25 Javascript
javascript 密码框防止用户粘贴和复制的实现代码
2014/02/17 Javascript
javascript实时显示北京时间的方法
2015/03/12 Javascript
jquery中添加属性和删除属性
2015/06/03 Javascript
ES5学习教程之Array对象
2017/04/01 Javascript
详解Vue中使用v-for语句抛出错误的解决方案
2017/05/04 Javascript
微信小程序开发图片拖拽实例详解
2017/05/05 Javascript
webpack中使用iconfont字体图标的方法
2018/02/22 Javascript
基于React+Redux的SSR实现方法
2018/07/03 Javascript
菊花转动的jquery加载动画效果
2018/08/19 jQuery
vscode vue 文件模板的配置方法
2019/07/23 Javascript
使用layui+ajax实现简单的菜单权限管理及排序的方法
2019/09/10 Javascript
layui表格数据复选框回显设置方法
2019/09/13 Javascript
javascript(基于jQuery)实现鼠标获取选中的文字示例【测试可用】
2019/10/26 jQuery
[16:04]DOTA2海涛带你玩炸弹 9月5日更新内容详解
2014/09/05 DOTA
在Python中操作字符串之startswith()方法的使用
2015/05/20 Python
python实现数值积分的Simpson方法实例分析
2015/06/05 Python
Python实现高效求解素数代码实例
2015/06/30 Python
win10 64bit下python NLTK安装教程
2018/09/19 Python
python内置函数sorted()用法深入分析
2019/10/08 Python
python取均匀不重复的随机数方式
2019/11/27 Python
Python阶乘求和的代码详解
2020/02/14 Python
基于python实现对文件进行切分行
2020/04/26 Python
python实现斗地主分牌洗牌
2020/06/22 Python
Spy++的使用方法及下载教程
2021/01/29 Python
详解android与HTML混合开发总结
2018/06/06 HTML / CSS
俄罗斯韩国化妆品网上商店:Cosmasi.ru
2019/10/31 全球购物
中科方德软件测试面试题
2016/04/21 面试题
《莫泊桑拜师》教学反思
2014/04/23 职场文书
2014年个人技术工作总结
2014/12/08 职场文书
国际贸易实训总结
2015/08/03 职场文书