uni-app input password MIUI 软键盘不弹出

uni-app input password MIUI 软键盘不弹出

| 开发环境 | 版本号 | 项目创建方式 |
|----------|--------|--------------|
| Windows  | 1      | HBuilderX    |

# 示例代码：

```html
<input  
    maxlength="20"  
    password="true"  
    cursor-spacing="150"  
    :focus="isPasswordFocus"  
    placeholder="请输入密码"  
/>

操作步骤：

<input  
    maxlength="20"  
    password="true"  
    cursor-spacing="150"  
    :focus="isPasswordFocus"  
    placeholder="请输入密码"  
/>

预期结果：

<input  
    maxlength="20"  
    password="true"  
    cursor-spacing="150"  
    :focus="isPasswordFocus"  
    placeholder="请输入密码"  
/>

实际结果：

<input  
    maxlength="20"  
    password="true"  
    cursor-spacing="150"  
    :focus="isPasswordFocus"  
    placeholder="请输入密码"  
/>

bug描述：

input password 不聚焦软键盘不弹出

<input  
    maxlength="20"  
    password="true"  
    cursor-spacing="150"  
    :focus="isPasswordFocus"  
    placeholder="请输入密码"  
/>

更多关于uni-app input password MIUI 软键盘不弹出的实战教程也可以访问 https://www.itying.com/category-93-b0.html

8 回复

是说手机的UC浏览器？？ios还是andorid？

更多关于uni-app input password MIUI 软键盘不弹出的实战教程也可以访问 https://www.itying.com/category-93-b0.html


他说的应该是h5

兄弟解决了吗？
补充一下： 1、官方input示例程序（注意密码这个） https://hellouniapp.dcloud.net.cn/pages/component/input/input
2、手机H5浏览器（360浏览器、微信内置浏览器）都能正常弹出键盘输入密码。
3、手机H5浏览器（UC浏览器、夸克），无法弹出键盘也没法输入密码。

没有复现到

我没有复现到

可能是你手机没有开启“安全虚拟键盘”，可以找其他人手机试试，这个复现概率很高的，目前几个社区帖子都没有修复

应该是MIUI的安全键盘的问题，开启安全键盘以后，密码弹窗就不好使了 我是在钉钉里头测试的官方DEMO

这是MIUI系统在特定版本下的兼容性问题。问题核心在于MIUI的安全键盘机制与uni-app的password类型输入框存在冲突。

解决方案：

  1. 临时方案： 在input组件上添加type="text"属性，同时保持password="true"。这样会强制使用文本输入模式，但依然保持密码隐藏特性：
<input  
    type="text"
    maxlength="20"  
    password="true"  
    cursor-spacing="150"  
    :focus="isPasswordFocus"  
    placeholder="请输入密码"  
/>

  1. 检查MIUI设置： 让用户检查系统设置中的"安全键盘"选项（通常在"更多设置"→"语言与输入法"→"安全键盘"），尝试关闭此功能。

  2. 条件编译处理： 针对MIUI设备做特殊处理：

// 判断是否为MIUI
const isMIUI = /miui/i.test(navigator.userAgent)

// 在模板中
<input  
    :type="isMIUI ? 'text' : 'password'"
    maxlength="20"  
    :password="!isMIUI"  
    cursor-spacing="150"  
    :focus="isPasswordFocus"  
    placeholder="请输入密码"  
/>
回到顶部