uniapp 在ios中u-input password显示密码 不生效

最新推荐文章于 2025-06-30 16:45:49 发布
最新推荐文章于 2025-06-30 16:45:49 发布
阅读量1.5k 收藏 10
点赞数 6
CC 4.0 BY-SA版权
文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35452726/article/details/135498856
文章讨论了在uniapp中使用u-input组件的password属性时，在iOS端遇到的问题，发现通过修改源码添加`||false`可解决该问题，强调了跨平台开发中特定细节的处理。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

u-input组件的password属性在uniapp上多端开发,在小程序,H5上都没有问题,在App端有效，就是在ios中无效

找到u-input文件  修改源码

将原本的:password="password || type === 'password' || undefined加上||false即可

【taro react】---- 解决 iOS 真机微信小程序 Input 密码框 type 切换会导致 Input 内容丢失问题
止于至善
12-20 2012
在密码登陆时，有显示和隐藏密码的功能，实现方式很简单，直接对输入 input 的 type 进行 password 和 text 值进行切换，就可以实现密码的显示和隐藏。】，当然这是2018年官方的回答，目前2023年了，这个问题依然存在。不清楚这个组件的 type 切换如果是销毁为什么在不同系统的机子表现不一样。在 type 值切换过程中，会导致 input 的 value 丢失。导致切换后 value 值就被清空。
uniapp-扩展小常识
CSDN博客专家，系统架构师，有合作、疑惑请私信博主。
01-01 1731
uniapp-扩展小常识，Uniapp是一个使用Vue.js开发所有前端应用的框架，开发者可以使用Vue.js的语法和开发体验，编写一套代码，同时将其编译为多个平台的应用，包括iOS、Android、H5、微信小程序、支付宝小程序、百度小程序、头条小程序等。这种跨平台开发的能力极大地节省了开发成本和时间，提高了开发效率，为开发者带来了诸多便利。
uniapp input动态切换password和text不生效
weixin_45586695的博客
04-16 697
碰到这个问题时，一顿百度，好多说可以用v-if来解决，但是我在手机上测试还是不行，所以换v-show，就ok了。只测试了苹果手机，安卓还未测试。
【Uni-App】uview 开发多端应用，密码显示隐藏功能不生效问题
weixin_53339757的博客
08-11 2112
【Uni-App】uview 开发多端应用，密码显示隐藏功能不生效问题
uniapp+vue2 input不显示明文密码，点击小眼睛显示或隐藏密码
树洞博客
06-30 193
'eye-fill'和'eye'是Uview中图标的名称。
uview + uni-app 开发app，密码显示隐藏功能不生效
webCandy的博客
10-17 2520
uview在app中实现密码小眼睛功能
uniapp uview u-input在app(运行在安卓基座上)上不能动态控制type类型(显隐密码)
Xiang_Gong_Ya_的博客
12-01 921
而在运行到安卓基座时无法动态控制 这时使用v-show直接控制问题解决
Uview u-input框密码显示隐藏不生效
weixin_53325981的博客
11-16 1644
因为uview的框架原本的type=’password‘和password-icon不生效，实在没有办法只能换成下面这样写。
uview，u-input组件在明密文切换时app不生效
时光淡然
05-11 749
uview，u-input组件，密码在明密文切换时app不生效
【学一点儿前端】iOS微信小程序在密码input框中使用系统保存的密码后，密码v-model绑定值不更新的问题
fangyuan__的博客
06-24 1509
这让iOS用户在微信小程序进行登录的时候，可以把当前账号密码保存进系统密码箱，之后再次登录时，输入账号后点击密码框，系统自带的键盘有密码箱的选项，选择密码箱的密码后，密码框正常显示密码，但是点击登录按钮后提示“请输入密码”。因为iOS在页面中只有第一个密码框会提示保存密码和使用密码箱，那我们可以通过在密码框上多加一个用户看不到的密码框，骗过iOS系统，以阻止真正的密码框的保存密码功能，从源头解决问题。成功骗过iOS，输入账号后点击密码框不提示使用密码箱密码，并且输入密码后失焦也不提示保存密码了。
h5 IOS微信浏览器input输入账号键盘闪烁
weixin_44201361的博客
09-23 1195
h5 IOS微信浏览器input输入账号键盘闪烁
Vue+iview 密码框输入显示隐藏控制
SophiaJZ的博客
11-06 2728
Vue+iview 密码框输入控制显示隐藏
uni-app微信小程序 input type=password输入的为什么明文显示呢
肖肖肖丽珠的博客
09-27 728
需要加一个属性password="true"看官网这里密码的的形式和我们之前写的不一样。
uniapp 动态设置input的type会使样式失效
qq_42249532的博客
11-07 686
解决方法：使用v-if。以上写法会使样式失效。
uniapp踩坑之项目：隐藏显示密码功能
意初的博客
11-09 1477
uniapp踩坑之项目：隐藏显示密码功能，1.input组件的password设置为动态前面加:冒号； 2.动态切换眼睛图标使用:style
【vue2+uniapp】密码框输入密码显示和隐藏小功能（两种方法实现）
qq_44971635的博客
03-22 3133
【vue2+uniapp】密码框输入密码显示和隐藏小功能（两种方法实现）
uniapp密码输入框
Smile_ping的博客
05-26 5034
uniapp自定义密码输入框 可用于短信验证码输入框、密码数字框… 文章目录uniapp自定义密码输入框效果图定义组件templatejsscss使用templatejs 效果图 定义组件 提示： 这里把输入框定义为组件，其他可根据需求调整 template <template> <view> <view class="password-input-warp fcc"> <view class="password-input_item fcc"
input密码框显示与隐藏
CH_Y的博客
09-13 4969
在uni-app开发过程中，为了实现显示/隐藏密码使用了组建中的input，但是使用uni组件中的input背景不能穿透。所以用原生的input实现了这个功能。
[Uniapp]用户登录界面“记住密码”功能的实现方法
wahzx的博客
12-05 4900
在使用Uniapp编写用户登录界面时，有必要增加的一大功能就是“记住密码”这一功能。“记住密码”功能允许用户在使用本机下次登录时，无需输入账号密码即可完成快速登陆。为实现这一功能，我们可以借助Uniapp提供的API接口中的数据缓存这一模块实现，现在让我们简单认识一下需要用到的模块。
global vxlan mtu 1350 system-user strong-password checkdisableuser-name ZTEbind authentication-template1bind authorization-template 1siyh@2025password exit authentication-template1 bind aaa-authentication-template 2001exit authorization-template1bind aaa-authorization-template 20011ocal-privilege-level 15 exit exit aaa-authentication-template 2001aaa-authentication-type loca1exit aaa-authorization-template 2001aaa-authorization-type 1oca1 exit Sshserver enable end write
最新发布
08-02
- 对于命令，使用代码块（如示例中的Python代码）。 - 在末尾生成相关问题。 - 添加引用标识（如[^1]）如果引用相关部分。 引用相关部分： - 引用[1]提到VXLAN，所以我可以在讨论VXLAN时引用它。 - 引用[2]是关于...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端_彭于晏

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值