vue2 $refs
时间: 2023-11-13 18:04:05 浏览: 116
vue中的ref和$refs的使用
5星 · 资源好评率100%
Vue2中的$refs是一个对象,它提供了对组件内具有ref特性的子组件或元素的访问。可以通过this.$refs来访问这个对象,然后通过$refs对象的属性来访问具有ref特性的子组件或元素。
例如,在以下代码中,我们给一个input元素添加了ref特性:
```
<template>
<div>
<input ref="myInput" type="text">
</div>
</template>
```
然后在组件中,我们可以通过this.$refs.myInput来访问这个input元素:
```
<script>
export default {
mounted() {
this.$refs.myInput.focus();
}
}
</script>
```
在mounted钩子函数中,我们使用this.$refs.myInput.focus()来聚焦到这个input元素。
阅读全文