vue如何获取指定元素

vue如何获取指定元素

目录

如何获取指定元素

点击获取相应元素

如何获取指定元素

在想要获取元素上添加“ref”  ref="scroll"  scroll为函数名

<div ref="scroll">vue获取指定元素</div>  xiaFn:function(){     console.log(this.$refs.scroll)  } 点击获取相应元素

在vue中通过点击事件获取上一个标签、父标签、第一个子标签等元素。

以下元素都是以所点击的元素进行查找 

e.target 获取当前点击的元素

e.currentTarget 获取绑定事件的元素

e.currentTarget.previousElementSibling 获取前(上)一个元素

e.currentTarget.parentElement 获取父元素

e.currentTarget.firstElementChild 获取第一个子元素

e.currentTarget.nextElementSibling 获取后(下)一个元素

e.currentTarget.getAttributeNode('class') 获得点击元素的class属性

<div class="box_home">   box_home   <div class="box_pre">box_pre</div>   <div class="box" @click="eleclick($event)">     <div class="box_item">box_item</div>     <div class="box_item2">box_item2</div>   </div>   <div class="box_next">box_next</div> </div> eleclick(e){   console.log("当前点击的元素");   console.log(e.target);   console.log("上一个标签");   console.log(e.currentTarget.previousElementSibling);   console.log("父标签");   console.log(e.currentTarget.parentElement);   console.log("第一个子标签");   console.log(e.currentTarget.firstElementChild);   console.log("下一个标签");   console.log(e.currentTarget.nextElementSibling);   console.log("绑定事件的标签");   console.log(e.currentTarget);   console.log("获得点击元素的class属性");   console.log(e.currentTarget.getAttributeNode('class')); }

以上为个人经验,希望能给大家一个参考,也希望大家多多支持易知道(ezd.cc)。

推荐阅读

    excel怎么用乘法函数

    excel怎么用乘法函数,乘法,函数,哪个,excel乘法函数怎么用?1、首先用鼠标选中要计算的单元格。2、然后选中单元格后点击左上方工具栏的fx公

    excel中乘法函数是什么?

    excel中乘法函数是什么?,乘法,函数,什么,打开表格,在C1单元格中输入“=A1*B1”乘法公式。以此类推到多个单元。1、A1*B1=C1的Excel乘法公式

    标准差excel用什么函数?

    标准差excel用什么函数?,函数,标准,什么,在数据单元格的下方输入l标准差公式函数公式“=STDEVPA(C2:C6)”。按下回车,求出标准公差值。详细

    pb获取电脑硬盘号|一pb硬盘

    pb获取电脑硬盘号|一pb硬盘,,一pb硬盘1PB是等于1024TB,等于1024*1024G硬盘pbr一般情况下,电脑系统运行变得缓慢、系统出现卡顿、系统中毒或

    excel常用函数都有哪些?

    excel常用函数都有哪些?,函数,哪些,常用,1、SUM函数:SUM函数的作用是求和。函数公式为=sum()例如:统计一个单元格区域:=sum(A1:A10)  统计多个

    获取电脑的ip|获取电脑的管理员权限

    获取电脑的ip|获取电脑的管理员权限,,1. 获取电脑的管理员权限添加管理员权限就是将普通用户赋予administrator权限,具体操作步骤如下:选择