<input @confirm="submit" v-model="Value" style="overflow: hidden;width: 306rpx;" :placeholder="Value" focus="true" confirm-type="search" adjust-position="false" />
5***@qq.com
- 发布：2024-06-13 15:32
- 更新：2024-06-13 15:32
- 阅读：93
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： m1
HBuilderX类型： 正式
HBuilderX版本号： 4.14
手机系统： Android
手机系统版本号： Android 7.1.1
手机厂商： 模拟器
手机机型： 夜神模拟器
页面类型： nvue
vue版本： vue3
打包方式： 离线
项目创建方式： HBuilderX
示例代码：
操作步骤：
在我说的环境下，直接运行uniapp的官方示例，也会重现BUG。只要文件是nvue+vue
在我说的环境下，直接运行uniapp的官方示例，也会重现BUG。只要文件是nvue+vue
预期结果：
在夜神模拟器下，能正常点击input组件，并输入文字。自动聚焦功能也好用。
在夜神模拟器下，能正常点击input组件，并输入文字。自动聚焦功能也好用。
实际结果：
点击后自动失去焦点就好像有个机器人把我鼠标移走了！！！无法自动聚焦，无法输入文字。如果一边高速点击，一边狂按键盘，是可以在自动焦点失去之前输入1个或2个字母的
点击后自动失去焦点就好像有个机器人把我鼠标移走了！！！无法自动聚焦，无法输入文字。如果一边高速点击，一边狂按键盘，是可以在自动焦点失去之前输入1个或2个字母的
bug描述：
夜神模拟器默认是安卓5.1.1，但是我创建了新的夜神模拟器安卓版本7.1.2，也不好使
可能问题只在夜神模拟器上出现。或者在特定手机上出现。
因此问题还是要反馈一下的。
主要的问题就是，在使用nvue+vue3+vuex的情况下，使用uniapp官方组件input，会发现
1：自动聚焦功能不好使。
2：鼠标点击input窗口发现点击不动（不能连续输入文字）
3：鼠标点击聚焦后，自动失去焦点（而且通过失去焦点事件返回事件，发现是自动执行失去焦点，每次都有返回值）
具体代码如下：
只需要在nvue+vue3+vuex的情况下，index.nvue里使用如下input代码即可，submit直接return event。Value可以使用vuex的state数值。
如果将文件修改为index.vue，则input组件就是正常的。
0 个回复