小程序之坑---input自动获取焦点
项目:taro3+vue3+taro-ui-vue3方法一:taro-ui-vue3的input组件的autoFocus、focus无效方法二:原生input组件的auto-focus在这个环境下也无效,但是在原生项目中有效方法三:通过用ref获取dom来获取焦点,开发工具中无效,真机有效<input ref="inputRef" type="text" style="border: 1px
·
项目:taro3+vue3+taro-ui-vue3
方法一:
taro-ui-vue3的input组件的autoFocus、focus无效
方法二:
原生input组件的auto-focus在这个环境下也无效,但是在原生项目中有效
方法三:
通过用ref获取dom来获取焦点,开发工具中无效,真机有效
<input ref="inputRef" type="text" style="border: 1px solid #000">
setup(props, context) {
const inputRef = ref(null)
onMounted(() => {
console.log(inputRef)
inputRef.value.focus()
})
return {
inputRef
}
方法四:
自定义指令
<input v-focus type="text" style="border: 1px solid #000" />
App.directive('focus', {
mounted(el) {
el.focus()
}
})
更多推荐
已为社区贡献3条内容
所有评论(0)