问题场景:
在vue操作input DOM节点或,导致autofocus(自动获取焦点失效);
解决方案:
HTML部分
描述:
v-model为input的值
ref,vue3中为一个ref实例,可以获取到dom节点(vue2的写法请自行切换)
代码:
<input type="text" v-model="labelValue" ref="El_editInput"/>
JS部分
const El_editInput = ref();
// 显示dom节点
function showInput(){
nextTick(() => {
El_editInput.value.focus();
})
}
注意事项:
在操作input显示的时候,要是用nextTick(),等待dom渲染完成后调用focus();