<a-input ref="input_focus"> </a-input>
<script setup>
import { ref, onMounted } from "vue";
const input_focus = ref(null);
onMounted(() => {
input_focus.value.focus();
// console.log("input_focus", input_focus.value);
});
vue3得到dom元素
<a-input ref="input_focus"> </a-input> // 1.给标签设置ref属性
const input_focus = ref(null); // 2.
// 3.input_focus.value 就可以取到对应的dom元素了
获取焦点
.focus
本文介绍了在Vue3应用中如何利用ref属性来绑定DOM元素,并在组件挂载后自动使输入框获得焦点。通过给<a-input>标签设置ref=input_focus,然后在onMounted生命周期钩子中,通过input_focus.value.focus()方法实现对输入框的聚焦操作。
3294

被折叠的 条评论
为什么被折叠?



