Vue3之获取DOM元素

简介

• 我们一般用ref函数来获取DOM元素

使用步骤

1. 使用ref函数创建容器
2. 在需要获取的dom元素上写ref
3. dom元素保存在容器的value属性上

代码

<script setup>
import {ref,onMounted} from "vue"

const inputRef = ref()
onMounted(() => {
    console.log(inputRef);
    inputRef.value && inputRef.value.focus() // 聚焦
})
</script>

<template>
<input ref="inputRef">
</template>

ref返回的对象