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

news2025/1/11 18:44:58

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

开发密码显隐功能时,在浏览器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>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1274866.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Echarts大屏可视化_06 饼状图的引入和定制开发

继续跟着b站pink老师学习 Echarts的开发 饼状图1 ——年龄分布 1.引入饼状图 ECharts 实例 直接打开网站 就是选好的饼状图的网址 //饼形图1 模块制作 (function () {// 实例化对象var myChart echarts.init(document.querySelector(".pie .chart"));// 指定配置…

2分图匹配算法

定义 节点u直接无边&#xff0c;v之间无边&#xff0c;边只存在uv之间。判断方法&#xff1a;BFS染色法&#xff0c;全部染色后&#xff0c;相邻边不同色 无权二部图中的最大匹配 最大匹配即每一个都匹配上min&#xff08;u&#xff0c; v&#xff09;。贪心算法可能导致&…

IELTS考试详细介绍

一、INTRODUCTION 雅思考试&#xff08;IELTS&#xff09;&#xff0c;全称为国际英语测试系统&#xff08;International English Language Testing System&#xff09;&#xff0c;是著名的国际性英语标准化水平测试之一。 雅思考试于1989年设立&#xff0c;由英国文化教育…

【端到端可微1】端到端的训练,使用反向传播,要求过程可微分

文章目录 背景想法&#xff1a; Weighted least-squares fitting方法&#xff1a; Backpropagating through the fitting procedure.温习之前的基础前向传播反向传播 总结 背景 想做一个端到端训练的模型&#xff0c;将最小二乘嵌入其中。因此有了这系列文章。 想法&#xff…

12月1日作业

代码整理&#xff0c;将学过的三种运算符重载&#xff0c;每个至少实现一个运算符的重载 #include <iostream>using namespace std;class Cloudy {friend bool operator!(const Cloudy &L,const Cloudy &R); private:int a; public:int b; public:Cloudy(){}Clo…

Facebook公共主页受限、被封?一文教你排雷解决

一、Facebook公共主页是什么&#xff1f; 现在人们的生活已经离不开各种社交媒体&#xff0c;只要有智能手机&#xff0c;或多或少会使用一些社交平台&#xff0c;而Facebook是一个拥有大量用户的社交平台。这对于各种企业而言&#xff0c;也是一个十分优秀的营销平台&#xf…

Conductor之动态分叉

Conductor之动态分叉 动态分叉 关于动态分叉&#xff0c;参考1 动态分叉 有时候我们希望在运行时能动态添加分叉任务&#xff08;注意是分叉任务&#xff0c;不是动态任务&#xff09;&#xff0c;Conductor当前版本也是支持的&#xff0c;但是经过试验的版本只支持串行分叉&…

【idea】设置鼠标滚轮控制缩放大小

1、点击file 选择Setting 2、点击Editor 下面的 General 3、勾选 Mouse Control 下面的 Change font size with CtrlMouse Wheel in 4、点级apply 5、按 ctrl键 鼠标滚轮缩放字体的大小

【Gradle学习指南】

前言 在尝试开发一个idea插件时候&#xff0c; 发现gradle真的难用&#xff0c; 想骂娘&#xff0c; 相信用过的都知道吧&#xff08;除非你的网比较好&#xff09;&#xff0c; 摸索了几天还是被一个jbr_jcef-11_0_11-windows-x64-b1504.13文件下载住了, 最后科学上网解决了这…

Python常用库大全及简要说明,附官方网站链接地址

文章目录 前言环境管理包管理包仓库分发构建工具交互式解析器文件日期和时间文本处理特殊文本格式处理自然语言处理文档配置命令行工具下载器图像处理OCR音频Video地理位置HTTP数据库数据库驱动ORMWeb 框架权限CMS电子商务RESTful API验证模板引擎队列搜索动态消息资源管理缓存…

信息化,数字化,智能化是3种不同概念吗?与机械化,自动化矛盾吗?

先说结论&#xff1a; 1、信息化、数字化、智能化确实是3种不同的概念&#xff01; 2、这3种概念与机械化、自动化并不矛盾&#xff0c;它们是制造业中不同发展阶段和不同层次的概念。 机械化&#xff1a;是指在生产过程中使用机械技术来辅助人工完成一些重复性、单一性、劳…

【Linux】TCP套接字编程

目录 前言 UDP服务器的完善 线程的封装 结构定义 接口实现 环形队列 结构定义 接口实现 加锁 信号量的申请与释放 入队与出队 整体组装 初始化与析构 信息接收线程 消息发送线程 TCP套接字 创建套接字 listen accept 收发操作 客户端的编写 进一步完善 …

Ubuntu安装HP LaserJet P3010系列打印机驱动

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录 前言一、安装驱动二、其它设置总结 前言 最近在研究Ubuntu Desktop版&#xff0c;无意间看到了打印机选项&#xff0c;就好奇去试了试。居然配置成功了&#xff0c…

LLM与知识图谱的协同与互补

文章目录 背景介绍LLM影响力与潜在问题LLMs和KGs的优缺点 大语言模型&#xff08;LLMs&#xff09;only-encoder架构encoder-decoder架构decoder-only架构 提示工程知识图谱LLM和知识图谱的代表性应用分类用知识图谱增强 LLM用知识图谱增强 LLM 预训练将知识图谱集成到训练目标…

MySQL 索引,优化,回表,执行计划等相关总结学习

一、MySQL 执行流程 innoDB表引擎&#xff1a;默认的事务型引擎&#xff0c;最重要最广泛的存储引擎&#xff0c;性能非常优秀,数据村粗在共享表空间&#xff0c;可以通过配置分开,主键查询性能高于其他引擎 myISM表引擎&#xff1a;5.1版本前这个是默认的存储引擎&#xff0c…

[C++]priority_queue的介绍及模拟实现

目录 priority_queue的介绍及模拟实现&#xff1a;&#xff1a; priority_queue的介绍 priority_queue的定义方式 priority_queue各个接口的使用 堆的向上调整算法 堆的向下调整算法 仿函数 priority_queue的模拟实现 反向迭代器的底层原理 反向迭代器的模拟实现 priority_que…

4.C转python

1.建立函数: def 函数名(形参): 函数体(记得写缩进) return 返回值(python中可以没有return) 2.调用函数: 函数名(实参) 实参和形参个数相等即可,类型不需要相同 其中接收返回值与C中的差不多 3.如果只是定义而不调用则函数不会执行 4.先定义函数,后调用 5.python中可以…

TikTok医学奇谭:短视频在医学科普中的作用

在数字时代的浪潮中&#xff0c;社交媒体平台的崛起不仅改变了人们的社交方式&#xff0c;也在医学科普领域掀起了一场革命。 作为短视频平台的领军者之一&#xff0c;TikTok通过其独特的形式和广泛的用户群&#xff0c;为医学知识的传播提供了新的可能性。本文将深入探讨TikT…

蓝牙智能电表解决了哪些难题?

提高能源效率已成为当今世界面临的重大挑战之一。在这样的背景下&#xff0c;蓝牙智能电表应运而生。它采用了最新的智能技术&#xff0c;能够通过蓝牙协议实现与移动设备通讯&#xff0c;从而给用户带来更加便捷、高效的服务。那么&#xff0c;蓝牙智能电表解决了哪些难题呢&a…

Vision Pro即将量产之际,苹果还是放不下中国供应链

发布半年后&#xff0c;苹果口中的“革命性新产品”Vision Pro终于有了新消息。 图源&#xff1a;苹果 根据多家消费电子供应链公司核心人士消息&#xff0c;苹果计划于12月正式量产Vision Pro&#xff0c;首批备货40万台左右&#xff0c;2024年的销量目标为100万台&#xff0…