VUE中v-on:click事件中获取当前dom元素的代码
在开发中总是忘记，特意在此记录
关键字： $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元素的代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持！
-
本文向大家介绍vue获取dom元素注意事项，包括了vue获取dom元素注意事项的使用技巧和注意事项，需要的朋友参考一下 vue想要获取dom元素的高，一般情况下我们都可以想到写在mounted函数里，即dom加载完再获取，但是结果并不如我们所想，又想到用一个 来获取，发现根本没用啊/。。 所以好的办法就是用一个setTimeout定时器，时间可以设为0，但是有时候生效，有时候不生效，还是加一个小的
-
我希望能够获取<template #loadMore>中 id为"is_load"的div元素 但是ref无法引用到 ,在onMounted函数中使用nextTick回调打印处理这个dom也是空的，等待渲染后也不行 有什么方法可以操作到dom vue 无法获取到template中的dom元素?
-
问题内容： 您可以使用鼠标选择网页的一部分。 我知道可以获取当前选择的文本，但是如何获取包含当前选择的开始或结束的DOM元素？ 问题答案： 在IE中，使用document.selection.createRange（）。parentElement（），在实际的浏览器中，使用window.getSelection（）。getRangeAt（0）.startContainer.parentNode。像
-
本文向大家介绍详解vue.js的事件处理器v-on:click，包括了详解vue.js的事件处理器v-on:click的使用技巧和注意事项，需要的朋友参考一下 用 v-on 指令监听 DOM 事件 注意:HTML5中不能使用v-on，换为@ （1）html代码： （2）js代码： （3）效果展示： 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
本文向大家介绍vue v-for 点击当前行,获取当前行数据及event当前事件对象的操作，包括了vue v-for 点击当前行,获取当前行数据及event当前事件对象的操作的使用技巧和注意事项，需要的朋友参考一下 前言 在 v-for 循环语句上，定义一个点击事件 传入两个参数（当行数据、当前事件对象），如下代码片段，当前事件对象必须加上 ‘$' 符号 不加'$‘报错： 加上'$‘: 点击行之后
-
无限级菜单 点击每项隐藏或显示每项的后代子菜单 这是另一个vue文件 以下是我实现的方法