uni-app vue2 记住密码功能

server/2025/3/15 11:36:21/

1. html代码

<checkbox-group @change="checkboxChange"><label><checkbox value="" :checked="ifSavePwd" style="transform: scale(0.6);"/>记住密码</label>
</checkbox-group>

2. js代码

默认复选款是不选中 在 data 里定义 SavePwd : false

javascript">checkboxChange(e) {this.ifSavePwd = !this.ifSavePwdthis.savePwd()
},savePwd() {uni.setStorageSync('ifSavePwd', this.ifSavePwd)if (this.ifSavePwd === true) {console.log('保存用户密码')if (this.username) {uni.setStorageSync('username', this.username)}if (this.password) {uni.setStorageSync('password', this.password)}} else if (this.ifSavePwd === false) {console.log('无需保存用户密码')uni.removeStorageSync('username')uni.removeStorageSync('password')}
},

3. 效果

在这里插入图片描述

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

相关文章

ZVA-Z90,罗德与施瓦茨毫米波变换器

罗德与施瓦茨 ZVA-Z90毫米波变换器​ 商品品牌&#xff1a;R&S/罗德与施瓦茨 商品型号&#xff1a;ZVA-Z90 商品名称&#xff1a;毫米波变换器 产品简介: ZVA-Z 毫米波变换器 简介 R&SZVA-Zxx 毫米波变换器支持在 V、E、W、F、D、G、J 以及 Y 频段内的毫米波测量…

c语言经典基础编程题

c语言经典基础编程题 一、输出输出1.1温度输出1.2排齐数据1.3进制转换 二、选择分支2.1求最大值2.2成绩评定2.3分段函数求值2.4 利润计算2.5判断闰年2.6二次方程根 三、循环结构3.1倒数求和3.2最大数3.3判断素数3.4判断完全数3.5打印菱形&#x1f680;&#x1f680;&#x1f68…

使用Python和Keras库实现基于双向门控循环单元(BiGRU)模型进行深度学习序列预测的示例

下面是一个使用Python和Keras库实现基于双向门控循环单元&#xff08;BiGRU&#xff09;模型进行深度学习序列预测的示例。我们将使用一个简单的正弦波时间序列数据来演示该过程。 步骤&#xff1a; 数据生成&#xff1a;生成正弦波时间序列数据。数据预处理&#xff1a;将数…

Spring MVC 全面解析:架构、流程与核心组件(详细)

一、核心架构分层 Spring MVC 以 DispatcherServlet 为中心&#xff0c;协调各组件处理请求&#xff1a; 组件作用DispatcherServlet前端控制器&#xff0c;统一接收请求并分发给处理器&#xff08;Controller&#xff09;HandlerMapping映射请求 URL 到具体的处理器&#xf…

【如何清晰表达我们的思想 关键字摘抄】

可以判断真伪 命题的第一个特点&#xff0c;就是它们都可以判断对错真假&#xff0c;我们把命题的真假称为命题的真值&#xff08;True Value&#xff09;。 说到这里&#xff0c;**我要提醒你一个大家常犯的逻辑错误&#xff0c;就是用将来发生的事情作为前提&#xff0c;推…

约束优化技术:KKT条件的完整推导与应用

前言 本文隶属于专栏《机器学习数学通关指南》&#xff0c;该专栏为笔者原创&#xff0c;引用请注明来源&#xff0c;不足和错误之处请在评论区帮忙指出&#xff0c;谢谢&#xff01; 本专栏目录结构和参考文献请见《机器学习数学通关指南》 ima 知识库 知识库广场搜索&#…

ASL集睿致远 CS5265AN typec转hdmi4k60hz方案

CS5265 是ASL集睿致远推出的一款高性能 Type-C/DP1.4 至 HDMI2.0b 转换器 IC&#xff0c;可将 USB Type-C 源或 DP1.4 源连接至 HDMI2.0b 接收器&#xff0c;实现 USB TYPE-C 转 HDMI 数据的音视频转换234。 特点及优势 高集成度&#xff1a;单芯片集成了 DP1.4 兼容接收机、…

Python猜拳

import random # 定义选项 options ["石头", "剪刀", "布"] # 电脑随机选择 computer_choice random.choice(options) # 玩家输入 player_choice input("请输入你的选择&#xff08;石头、剪刀、布&#xff09;&#xff1a;") …