项目: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()
  }
})
Logo

前往低代码交流专区

更多推荐