vue3 getCurrentInstance怎么获取ref
要获取ref,可以使用 getCurrentInstance() 方法来获取当前组件实例,然后使用 $refs 属性来访问ref。这里是一个示例代码:
<template>
<div>
<input type="text" v-model="text" ref="inputRef" />
<button @click="focusInput">Focus Input</button>
</div>
</template>
<script>
import { getCurrentInstance } from 'vue';
export default {
setup() {
const instance = getCurrentInstance();
const text = ref('');
function focusInput() {
instance.$refs.inputRef.focus();
}
return {
text,
focusInput,
};
},
};
</script>
在这个示例中,我们使用了 getCurrentInstance() 方法来获取当前组件实例,然后在 focusInput() 方法中使用 $refs 属性来访问 inputRef,并调用其 focus() 方法来聚焦输入框。
原文地址: https://www.cveoy.top/t/topic/bUVv 著作权归作者所有。请勿转载和采集!