<uni-easyinput type="password" v-model="valiFormData.old_password"
placeholder="请输入密码"></uni-easyinput>

- 发布:2023-12-14 11:14
- 更新:2023-12-19 19:27
- 阅读:1004
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10专业版
HBuilderX类型: 正式
HBuilderX版本号: 3.98
手机系统: Android
手机系统版本号: Android 12
手机厂商: 华为
手机机型: 并未使用手机,直接编译到浏览器
页面类型: vue
vue版本: vue3
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
edge最新版浏览器官网实例中直接随意输入字符
edge最新版浏览器官网实例中直接随意输入字符
预期结果:
当使用uni-easyinput type=password 时只出现一个小眼睛
当使用uni-easyinput type=password 时只出现一个小眼睛
实际结果:
当uni-easyinput type=password 时不出现两个小眼睛
当uni-easyinput type=password 时不出现两个小眼睛
bug描述:
edge浏览器下使用uni-easyinput type="password" 的情况下,源码中input v-else :type="type == 'password' ? 'text' 这一段代码并未生效,控制台查看input属性typo仍为password,导致页面出现两个眼睛,官网示例中也有这个bug
最佳回复

喜欢技术的前端 - QQ---445849201
/uni_modules/uni-easyinput/components/uni-easyinput/uni-easyinput.vue
在这个组件添加就可去除
/*去除ie edge的密码框默认出现的小眼睛*/
.uni-easyinput__content-input ::-ms-reveal {
display: none;
}
p***@163.com (作者)
解决了,感谢
2023-12-14 16:39
喜欢技术的前端
回复 p***@163.com: 客气
2023-12-14 16:46
DCloud_UNI_OttoJi
提一个 pr?我合并下
2023-12-19 11:04