uniapp input动态切换password和text不生效

已于 2024-04-17 17:36:45 修改
阅读量247 收藏
点赞数 5
分类专栏： uniapp 文章标签： uni-app
于 2024-04-16 10:06:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45586695/article/details/137813292
版权

碰到这个问题时，一顿百度，好多说可以用v-if来解决，但是我在手机上测试还是不行，所以换v-show，就ok了

<u-input v-show="passwordVisible" v-model="form.password"  type="text" placeholder="请输入新密码" border="none"></u-input>
<u-input v-show="!passwordVisible" v-model="form.password"  type="password" placeholder="请输入新密码" border="none"></u-input>

安卓、苹果app亲测有用

小程序需要用v-if来切换

weixin_45586695
关注
  • 5
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决vue项目input输入框双向绑定数据不实时生效问题
10-15
然而，在某些情况下，可能会遇到input输入框的双向绑定数据不实时生效的问题。本文将详细解析这个问题及其解决方案。 首先，让我们回顾一下Vue的双向绑定原理。Vue使用`v-model`指令在HTML元素和Vue实例的数据之间...
uview，u-input组件在明密文切换时app不生效
时光淡然
05-11 587
uview，u-input组件，密码在明密文切换时app不生效
【Uni-App】uview 开发app，密码显示隐藏功能发布线上不生效
Write less，do more
12-12 1447
登录功能密码小眼睛功能，u-input组件切换password属性（即 显示，隐藏密码）时，app不生效。项目场景：使用uni-app加uview实现：app，H5，小程序三端项目开发。uview源码中的设置是。
uniapp 在ios中u-input password显示密码 不生效
最新发布
qq_35452726的博客
01-10 1101
uniapp 在ios中u-input password显示密码 不生效
uniapp uview u-input在app(运行在安卓基座上)上不能动态控制type类型(显隐密码)
Xiang_Gong_Ya_的博客
12-01 769
而在运行到安卓基座时无法动态控制 这时使用v-show直接控制问题解决
Uni App-----之u-input（密码明文小眼睛切换）
qq_35874340的博客
12-06 6022
uniapp 密码明文显隐
uniapp 动态设置input的type会使样式失效
qq_42249532的博客
11-07 410
解决方法：使用v-if。以上写法会使样式失效。
Uview u-input框密码显示隐藏不生效
weixin_53325981的博客
11-16 884
因为uview的框架原本的type=’password‘和password-icon不生效，实在没有办法只能换成下面这样写。
通过disabled和readonly将input设置为只读效果
12-14
有两种方式可以实现input的只读效果：disabled 和 readonly。 自然两种出来的效果都是只能读取不能编辑，可是两者有很大不同。 Disabled说明该input无效，及其value不会传递给任何程序，比如asp、php等。 Readonly...
input为disabled提交后得不到该值的解决方法
10-30
input的字段当为diabled时时无法获取数值得，所以最近不要用这个，我们可以用readonly带替代，即可解决这类问题
使用input type=text value=str取值不完全解决方案
09-28
在标题和描述中提到的问题是，当使用 Java 的 `SimpleDateFormat` 格式化日期为“XXXX年XX月XX日 星期X”的字符串后，尝试将这个格式化的日期值赋给 `input[type="text"]` 的 `value` 属性时，只能获取到“XXXX年XX...
uniapp App端 解决input@input事件动态修改值不生效的问题
Y2000104的博客
11-11 1176
【代码】uniapp App端 解决input@input事件动态修改值不生效的问题。
uni-app+uView UI中使用u-input中密码框的显示切换bug
a644292242的博客
05-25 4508
在实际使用中，u-input作为密码框的时候，显示与隐藏密码功能切换在内置浏览器中该功能正常，如果编译在手机上该功能失效； 错误代码： <view class="code-box" :class="isCodeFocus ? 'active' : ''"> <view class="icon-box"> <u-icon name="/static/icons/login_icon_password.png" size="50rpx"></u-icon&g
【Uni-App】uview 开发多端应用，密码显示隐藏功能不生效问题
weixin_53339757的博客
08-11 1584
【Uni-App】uview 开发多端应用，密码显示隐藏功能不生效问题
uniapp app端 uview u-input密码框小眼睛切换问题
weixin_43907110的博客
01-11 3009
uview 的input框type在app端不支持使用三元表达式的切换。这样写在app端密码框切换是失效的。
针对input框在uniapp切换type时候内容消失的解决方案
qq_46639390的博客
05-16 706
针对input框在uniapp切换type时候内容消失的解决方案
小程序的input输入密码type=password坑
Zho-J的博客
01-05 2938
** 小程序的input输入密码type=password坑 ** 小程序开发中遇到一个需求，点击密码输入框的logo切换输入框中文字的显示和隐藏 平时的解决思路就是修改type的值，即可满足需求，但是小程序中则不会立即切换显示和隐藏，只有吊起输入键盘的时候，才会切换。解决思路就是再创建一个input 类型为密码，点击后边的眼睛logo来切换display为block还是none。俩个input同时绑定密码psw即可。 html： <view class="input-container
uniapp实现中英文切换功能
weixin_49861016的博客
10-23 501
uniapp实现中英文切换功能。
uniapp 小程序 input type="digit" 不生效
06-03
如果 `input` 标签的 `type` 属性设置为 `digit`，但是在小程序中输入非数字字符时仍然可以输入，那么可能是因为 `uni-app` 在编译时会将 `input` 标签的 `type` 属性转化成小程序的 `type` 属性。但是，在小程序中，`type` 属性只支持以下几种类型： - `text`：文本输入键盘。 - `number`：数字输入键盘。 - `idcard`：身份证输入键盘。 - `digit`：带小数点的数字键盘。 - `digitLimit`：带小数点且有数值范围的数字键盘。 因此，如果想要在小程序中使用数字输入键盘，可以将 `type` 属性设置为 `number`，或者使用 `digit` 或 `digitLimit` 类型。如果需要限制输入的字符只能是数字，可以使用 `pattern` 属性来指定正则表达式，例如： ```html <input type="number" pattern="[0-9]*" /> ``` 这样就可以限制用户只能输入数字了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值