我的目标是，当点击按钮时，按钮被隐藏，相应的输入被显示并 * 聚焦 *。

let tagIdBeingEdited = ref(0)
let buttons = ref([])
let inputs = ref([])

async function toggleTagInput(id:number, index:number ) {

    tagIdBeingEdited.value = id

    //this does not work
    let a = inputs.value[index] as HTMLInputElement
    nextTick()
    a.focus()
    
}
<div v-for="tag,index in props.tags" :key="tag.id">
            <button v-show="tagIdBeingEdited !== tag.id"  
                    @click="toggleTagInput(tag.id,index)"
                    ref="buttons">{{tag.name}}</button> 

            <input  v-show="tagIdBeingEdited == tag.id"      //show input
                    @keyup.enter="changeTagName"     //change data
                    @keydown.esc="tagIdBeingEdited=0"        //hide input
                    ref="inputs"

字符串
如果我尝试inputs.value[index].focus() Typescript说Property 'focus' does not exist on type 'never'
我花了几个小时在这上面，我应该使用document.getElementById（“）.focus（）吗？