vue3中，如何让input聚焦

Question

我想在openIpt这个方法中让input聚焦，

vue2.x中，可以this.$refs.ipt.focus()

vue3中，就不知道怎么操作了

Answer 1

<template>
    <input type="text" ref="input">
</template>

<script>
import { defineComponent, onMounted, ref } from 'vue'
export default defineComponent({
    setup () {
        // 定义一个跟ref同名的变量，return出去时会自动绑定同名的dom
        const input = ref(null)
        onMounted(() => {
            // input.value就是这个dom
            input.value.focus()
        })
        return {
            input
        }
    }
})
</script>