uni-app nvue项目使用uni-easyinput组件,聚焦后无光标,键盘未弹起
uni-app nvue项目使用uni-easyinput组件,聚焦后无光标,键盘未弹起
类别 | 信息 |
---|---|
产品分类 | uniapp/App |
PC开发环境 | Windows |
PC操作系统版本 | Windows 10 专业版/22H2 |
HBuilderX类型 | 正式 |
HBuilderX版本 | 3.99 |
手机系统 | Android |
手机系统版本 | Android 9.0 |
手机厂商 | CRUISE Ge |
手机机型 | D715_V1.0.16 |
页面类型 | nvue |
Vue版本 | vue3 |
打包方式 | 云端 |
项目创建方式 | HBuilderX |
操作步骤:
- 写一个标签,如下:
<uni-easyinput v-model="formData.code" placeholder="请扫码" suffixIcon="scan" :trim="true" [@confirm](/user/confirm)="handleFouce"></uni-easyinput>
- 写另外一个标签,设置fouce属性,如下:
const skuFocus = ref(false) <uni-easyinput v-model="formData.code2" placeholder="请扫码" suffixIcon="scan" :trim="true" :focus="skuFocus"></uni-easyinput>
- 触发handleFouce事件,设置skuFocus.value=true
预期结果:
聚焦后光标显示并唤起系统键盘
实际结果:
聚焦后光标未显示,系统键盘未唤起
bug描述:
nvue项目使用uni-easyinput组件,输入第一个文本框后,把第二个文本框自动聚焦。 文本框是聚焦了,但是聚焦后无光标,键盘未弹起 下面代码不显示,参考截图:
2 回复
我nvue里用easyinput样式直接是全乱掉的。。。。