PHP前端开发

vue2怎么获取dom

百变鹏仔 2个月前 (10-30) #前端问答
文章标签 dom
vue.js 提供以下获取 dom 元素的方法:使用 ref 属性为元素提供一个引用名,并在组件实例中通过 this.$refs 访问。使用 v-el 指令为元素提供一个引用名,并在组件实例中通过 this.$el 访问。使用 vue.nexttick(() => { }) 方法在 dom 更新后通过 dom api 获取元素,如 document.getelementbyid('myelement')。

Vue.js 中获取 DOM 元素

Vue.js 提供了几种获取 DOM 元素的方法,最常见的有:

1. ref 属性

<div ref="myElement"></div>

2. v-el 指令

立即学习“前端免费学习笔记(深入)”;

<div v-el:myelement></div>

3. Vue.nextTick() 方法

Vue.nextTick(() =&gt; {  const element = document.getElementById('myElement');});

注意事项: