注册登录

1***@qq.com

发布：2025-05-12 13:28
更新：2025-05-22 10:51
阅读：107

【报Bug】Input 设置password eye眼睛，失去焦点后再触发焦点无法显示眼睛的ICON

分类：uni-app

bug反馈

产品分类： uniapp/H5

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： 11

浏览器平台： Chrome

浏览器版本： 136.0.7103.93

项目创建方式： CLI

CLI版本号： 3.0.0-4060420250429001

操作步骤：

官方input示例可以复现https://uniapp.dcloud.net.cn/component/input.html

预期结果：

想要点击eye图标显示密码明文

实际结果：

无法正常显示和点击密码eye图标

bug描述：

Input 设置password类型 eye眼睛，失去焦点后再触发焦点无法显眼睛的ICON，并且要输入内容全部删除再次输入才能显示ICON，官方的Input示例也是如此

2025-05-12 13:28 负责人:无分享

5 个回复

爱豆豆 - 办法总比困难多

我测试下没复现出你说的问题
你是在什么机型上看的呢？或者提供下录屏看看

1***@qq.com (作者)

视频在下面的评论里

2025-05-21 09:47
爱豆豆

回复 1***@qq.com: 看到了这个是自带的吧我以为你用的是最下面的密码输入框呢上面的input就没小眼睛图标

2025-05-21 09:53

1***@qq.com (作者)

视频

input___uni-app官网_和另外_3_个页面_-_用户配置_1_-_Microsoft_Edge_2025-05-21_09-42-09.zip

爱豆豆 - 办法总比困难多

看到了这个是自带的吧我以为你用的是最下面的密码输入框呢上面的input就没小眼睛图标
需要显示查看图标的话改用下面的 “可查看密码的输入框” 就行了

1***@qq.com (作者)

看下面的视频不觉得奇怪吗，同时显示两个眼睛的图标

2025-05-22 09:11
爱豆豆

回复 1***@qq.com: 你这是浏览器自带的啊你用的什么浏览器？

2025-05-22 09:22
爱豆豆

或者用text输入框模拟一个密码输入框的效果可以避免掉浏览器自带图标的问题

2025-05-22 09:23

1***@qq.com (作者)

同时显示两个眼睛ICON

input___uni-app官网_和另外_20_个页面_-_用户配置_1_-_Microsoft_Edge_2025-05-22_09-10-12.rar

DCloud_UNI_JBB

使用 chrome 136.0.7103.93（正式版本） (arm64) 版本并没有复现你说的问题，你可以跑一下官方hello uniapp的input示例，确认是否存在此问题。cli项目有问题麻烦发个复现demo

要回复问题请先登录或注册

【报Bug】Input 设置password eye眼睛，失去焦点后再触发焦点无法显示眼睛的ICON

操作步骤：

官方input示例可以复现https://uniapp.dcloud.net.cn/component/input.html

预期结果：

想要点击eye图标显示密码明文

实际结果：

无法正常显示和点击密码eye图标

bug描述：

5 个回复

公告

相关问题

【报Bug】Input 设置password eye眼睛，失去焦点后再触发焦点无法显示 眼睛的ICON

操作步骤： 官方input示例可以复现https://uniapp.dcloud.net.cn/component/input.html

预期结果： 想要点击eye图标显示密码明文

实际结果： 无法正常显示和点击密码eye图标

bug描述：

与内容相关的链接

5 个回复

公告

相关问题

【报Bug】Input 设置password eye眼睛，失去焦点后再触发焦点无法显示眼睛的ICON

操作步骤：

官方input示例可以复现https://uniapp.dcloud.net.cn/component/input.html

预期结果：

想要点击eye图标显示密码明文

实际结果：

无法正常显示和点击密码eye图标