p***@163.com
p***@163.com
  • 发布:2023-12-14 11:14
  • 更新:2023-12-19 19:27
  • 阅读:1004

uni-easyinput type="password" 出现两个小眼睛

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10专业版

HBuilderX类型: 正式

HBuilderX版本号: 3.98

手机系统: Android

手机系统版本号: Android 12

手机厂商: 华为

手机机型: 并未使用手机,直接编译到浏览器

页面类型: vue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

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

操作步骤:

edge最新版浏览器官网实例中直接随意输入字符

预期结果:

当使用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

2023-12-14 11:14 负责人:无 分享
已邀请:

最佳回复

喜欢技术的前端

喜欢技术的前端 - QQ---445849201

/uni_modules/uni-easyinput/components/uni-easyinput/uni-easyinput.vue

在这个组件添加就可去除

/*去除ie edge的密码框默认出现的小眼睛*/  
    .uni-easyinput__content-input ::-ms-reveal {  
        display: none;  
    }
DCloud_UNI_OttoJi

DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题,如果艾特我没看到,请主动私信

感谢反馈,问题已修复,后续发版后默认生效

该问题目前已经被锁定, 无法添加新回复