vue2/3框架,input隐藏显示后自动获取焦点无效

81 阅读1分钟

问题场景:

在vue中操作了input框的显示隐藏后,导致autofocus 自动获取焦点失效;

解决方案: HTMl部分

<input class="qitxuq_input" placeholder="描述一下您的需求" type="text" 
ref="editInput" />

js部分

const editInput = ref();
const onIsInput = async(item)=>{
    await nextTick();
    // 需要放在 dom 渲染之后 不然在iOS上面会弹不起来
    editInput.value.focus();
}

至此已解决