uniapp uview u-input在app(运行在安卓基座上)上不能动态控制type类型(显隐密码)

在这里插入图片描述
在这里插入图片描述

开发密码显隐功能时,在浏览器h5上功能是没问题的

<view class="login-item-input">
							<u-input
								:type="showPassWord ? 'password' : 'text'"
								style="background: #ecf0f8"
								placeholder="请输入密码"
								border="surround"
								shape="circle"
								v-model="passWord"
							>
								<template slot="suffix">
									<image
										v-if="showPassWord"
										@click="seePassWord"
										src="../../static/images/closesee.png"
										mode=""
									></image>
									<image
										v-else
										@click="seePassWord"
										src="../../static/images/see.png"
										mode=""
									></image>
								</template>
							</u-input>
						</view>

而在运行到安卓基座时无法动态控制

这时使用v-show直接控制问题解决

<view class="login-item-input">
							<u-input
								v-show="!showPassWord"
								type="text"
								placeholder="请输入密码"
								border="surround"
								shape="circle"
								v-model="passWord"
							>
								<template slot="suffix">
									<image
										v-if="showPassWord"
										@click="seePassWord"
										src="../../static/images/closesee.png"
										mode=""
									></image>
									<image
										v-else
										@click="seePassWord"
										src="../../static/images/see.png"
										mode=""
									></image>
								</template>
							</u-input>
							<u-input
								v-show="showPassWord"
								type="text"
								:password="true"
								placeholder="请输入密码"
								border="surround"
								shape="circle"
								v-model="passWord"
							>
								<template slot="suffix">
									<image
										v-if="showPassWord"
										@click="seePassWord"
										src="../../static/images/closesee.png"
										mode=""
									></image>
									<image
										v-else
										@click="seePassWord"
										src="../../static/images/see.png"
										mode=""
									></image>
								</template>
							</u-input>
						</view>

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-05 17:56:04       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-05 17:56:04       100 阅读
  3. 在Django里面运行非项目文件

    2023-12-05 17:56:04       82 阅读
  4. Python语言-面向对象

    2023-12-05 17:56:04       91 阅读

热门阅读

  1. 121. 买卖股票的最佳时机

    2023-12-05 17:56:04       56 阅读
  2. 编译原理Lab2-用bison完成语法分析器

    2023-12-05 17:56:04       48 阅读
  3. Hbuilderx+vue2+微信小程序 预览pdf

    2023-12-05 17:56:04       48 阅读
  4. 自己生成二维码

    2023-12-05 17:56:04       57 阅读
  5. oops-framework框架 之 音频管理(六)

    2023-12-05 17:56:04       61 阅读
  6. 【Redis】Redis缓存使用问题

    2023-12-05 17:56:04       72 阅读
  7. Whisper

    Whisper

    2023-12-05 17:56:04      48 阅读
  8. vue 路由跳转到其他页面指定位置(锚点)

    2023-12-05 17:56:04       52 阅读
  9. kafka kraft 集群搭建保姆级教学 包含几个踩坑点

    2023-12-05 17:56:04       57 阅读
  10. Spring Boot 统⼀数据返回格式

    2023-12-05 17:56:04       53 阅读
  11. IntelliJ IDEA详细完整安装教程

    2023-12-05 17:56:04       47 阅读
  12. 智慧城市大脑,运维无忧!

    2023-12-05 17:56:04       68 阅读
  13. 【鸿蒙应用开发】开发环境搭建及IDE安装使用

    2023-12-05 17:56:04       69 阅读