通过ref来获取dom元素

在vue官网上对ref的解释

ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素; 如果用在子组件上，引用就指向组件实例

当 v-for 用于元素或组件的时候，引用信息将是包含 DOM 节点或组件实例的数组

比如我现在要实现的效果是点击用v-for生成的li ，获取到该元素的值

首先要获取当前点击的li元素，我们要做的是

1.给dom添加点击事件和ref属性

{{item.listTitle}}

2.然后在点击事件方法中使用ref

setPageMenu(index) {

//这个是获取当前menuItem值，用index来区分当前元素是v-for 产生的数组中的第几个数

let getMenuText = this.$refs.menuItem[index].innerText;

}

学习笔记，如有不足请多多指教

vue获取dom元素注意问题

mounted(){ setTimeout(()=>{ this.contentToggle(); },1000) }, methods:{ contentToggle(){ console.l ...

vue获取dom元素高度的方法

获取高度:

Vue获取DOM元素的属性值

项目中需要做一个小弹层,如下图: 我需要知道点击元素距离顶部的值,再计算弹层的top值,如下图: 在vue中如何获取到DOM元素距离窗口顶部的值呢? 1.通过$event获取 html:

vue获取DOM元素并设置属性

这里我想到了2个方法: 方法一: 直接给相应的元素加id,然后再document.getElementById("id");获取,然后设置相应属性或样式 方法二: 使用ref,给相 ...

Vue获取dom元素

=====我是li标 ...

Vue 获取DOM元素ref