vue中通过什么属性获取相应的DOM元素
时间: 2024-03-27 15:38:08 浏览: 98
详解在Vue中通过自定义指令获取dom元素
5星 · 资源好评率100%
在Vue中,可以通过 `ref` 属性来获取相应的DOM元素。例如,在模板中可以这样定义一个具有 `ref` 属性的元素:
```html
<template>
<div>
<input type="text" ref="myInput">
</div>
</template>
```
然后在Vue实例中,可以通过 `$refs` 属性来访问这个DOM元素:
```javascript
export default {
mounted() {
this.$refs.myInput.focus();
}
}
```
在这个例子中,`mounted` 钩子函数会在组件挂载时触发,然后通过 `this.$refs.myInput` 访问到这个输入框DOM元素,并对它调用 `focus()` 方法,将焦点设置到这个输入框上。
阅读全文