input onload 设置焦点没执行获取焦点的方法，没有回调信息。

input onload 设置焦点没执行获取焦点的方法，没有回调信息。

开发环境 版本号 项目创建方式
Mac Sequoia15.1 HBuilderX

产品分类：uniapp/App

PC开发环境操作系统：Mac

手机系统：Android

手机系统版本号：Android 8.1

手机厂商：华为

手机机型：华为畅享9plus

页面类型：vue

vue版本：vue2

打包方式：云端

操作步骤：

@focus="wordsFocus" placeholder-class="placeholder" type="text" v-model="words"  
placeholder="输入地址" /

预期结果：

wordsInput 方法执行

实际结果：

wordsInput 方法不执行

bug描述：

input自动焦点方法不执行

1 回复

在uni-app中，input组件的自动获取焦点问题可能有以下几种原因和解决方案：

  1. 确保正确使用autofocus属性：
<input autofocus @focus="wordsFocus" />
  1. 对于Android设备，可能需要使用nextTick延迟设置焦点：
mounted() {
  this.$nextTick(() => {
    this.$refs.myInput.focus()
  })
}
  1. 检查是否使用了正确的ref引用：
<input ref="myInput" />
  1. 部分Android机型可能需要额外的权限： 确保在manifest.json中配置了必要的权限：
"android": {
  "permissions": [
    "android.permission.FOCUS"
  ]
}
  1. 尝试使用uni-app的API方式设置焦点：
uni.createSelectorQuery().select('#myInput').focus().exec()
回到顶部