<script setup lang="ts">
import { ref, onMounted } from 'vue';
const inputRef = ref<HTMLInputElement | null>(null);
onMounted(() => {
// 由于inputRef.value在组件挂载完毕之后都是null
// 这里需要通过可选链或者类型守卫
// 1.可选链
inputRef.value?.focus();
// 2.类型守卫
if (inputRef.value) {
inputRef.value.focus();
}
});
</script>
<template>
<input type="text" ref="inputRef"></input>
</template>
HTMLInputElement
于 2024-01-18 00:58:25 首次发布