<template>
<view class="">
<input class="uni-input" focus placeholder="自动获得焦点" />
</view>
</template>
<script>
</script>
<style>
</style>
- 发布:2022-09-21 09:03
- 更新:2022-09-26 21:05
- 阅读:840
【报Bug】(华为鸿蒙2.0)uni-app项目vue文件中input、textarea组件自动获取焦点,软键盘自动弹起,输入框内无光标闪烁,输入框内无法显示软键盘打字内容
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 3.6.3
手机系统: Android
手机系统版本号: Android 12
手机厂商: 华为
手机机型: p40 鸿蒙2.0
页面类型: vue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
<template>
<view class="">
<input class="uni-input" focus placeholder="自动获得焦点" />
</view>
</template>
<script>
</script>
<style>
</style>
<template>
<view class="">
<input class="uni-input" focus placeholder="自动获得焦点" />
</view>
</template>
<script>
</script>
<style>
</style>
预期结果:
uni-app项目vue文件中input、textarea组件自动获取焦点,软键盘自动弹起,输入框内光标闪烁,输入框内显示软键盘打字内容
uni-app项目vue文件中input、textarea组件自动获取焦点,软键盘自动弹起,输入框内光标闪烁,输入框内显示软键盘打字内容
实际结果:
uni-app项目vue文件中input、textarea组件自动获取焦点,软键盘自动弹起,输入框内无光标闪烁,输入框内无法显示软键盘打字内容
uni-app项目vue文件中input、textarea组件自动获取焦点,软键盘自动弹起,输入框内无光标闪烁,输入框内无法显示软键盘打字内容
bug描述:
<input class="uni-input" focus placeholder="自动获得焦点" />
vue文件示例代码input自动获取焦点,华为p40机型软键盘能弹起,但是光标没有了,且输入任何内容,
input框内无反应,然后发现要想光标出现必须在自动聚焦之前先点击一下屏幕才会出来,随后创建一个nvue文件同样代码测试在nvue文件中input textarea组件都没有光标丢失问题