vue 案例使用

embedded/2024/9/24 3:25:16/

el-switch 按键的使用

   <el-switchclass="switchStyle"     v-model="boolValue" :active-value="1" :inactive-value="0" active-text="ON" inactive-text="OFF" active-color="#13ce66" inactive-color="#ff4949"></el-switch>

另外一个按键效果:

<el-switch v-model="boolValue"  active-text="启用" inactive-text="关闭" style="zoom: 1.2"> </el-switch>

运行效果:

点击小眼睛时看密码:

加上show-password就行

           <el-form-item label="无线密码" prop="key"><el-input v-model="form.key" show-password style="width: 300px" /></el-form-item>

运行效果:


http://www.ppmy.cn/embedded/115875.html

相关文章

基于等保2.0标准——区块链安全扩展要求探讨

在数字经济时代&#xff0c;区块链作为新技术&#xff0c;能够推进经济社会规则体系重构&#xff0c;在经济金融、司法审判、食品追溯、商业贸易、公共信用等领域已有广泛应用。但在规划、建设、运维区块链的同时&#xff0c;也需要全面评估与防范区块链应用带来的安全隐患。 …

C语言编译四大阶段

目录 一、引言 二、预处理阶段 三、编译阶段 四、汇编阶段 五、链接阶段 六、总结 本文将详细介绍C语言编译的四个阶段&#xff0c;包括预处理、编译、汇编和链接。通过学习这些阶段&#xff0c;读者可以更好地理解C语言程序的编译过程&#xff0c;提高编程效率。 一、引…

【AI创作组】MATLAB基础语法总结

MATLAB基础语法介绍 1. MATLAB数据类型 MATLAB是一种高性能的数学计算语言,提供了丰富的数据类型和变量定义规则,使得用户可以灵活地进行数学计算和数据操作。了解和掌握这些基础知识对于高效使用MATLAB至关重要。 以下是MATLAB中常见的数据类型: 1.1 数值类型 数值类型…

计算机网络各层有哪些协议?

计算机网络的各层协议知识总结 一、物理层 没有涉及到比较重要的协议&#xff0c;但是有一个比较重要的技术----非对称数字用户线&#xff08;ADSL&#xff09; 二、数据链路层 1、点对点协议&#xff08;PPP----point to point protocol&#xff0c;用户计算机与ISP进行通信…

浮动静态路由

浮动静态路由 首先我们知道静态路由的默认优先级是60&#xff0c;然后手动添加一条静态路由优先级为80的路由作为备份路由。当主路由失效的备份路由就会启动。 一、拓扑图 二、基本配置 1.R1: <Huawei>system-view [Huawei]sysname R1 [R1]interface GigabitEthernet…

《独孤九剑》游戏源码(客户端+服务端+数据库+游戏全套源码)大小2.38G

《独孤九剑》游戏源码&#xff08;客户端服务端数据库游戏全套源码&#xff09;大小2.38G ​ 下载地址&#xff1a; 通过网盘分享的文件&#xff1a;【源码】《独孤九剑》游戏源码&#xff08;客户端服务端数据库游戏全套源码&#xff09;大小2.38G 链接: https://pan.baidu.co…

2025秋招内推|招联金融

【投递方式】 直接扫下方二维码&#xff0c;使用内推码: igcefb 【招聘岗位】 深圳&#xff0c;武汉&#xff1a; 后台开发 前端开发 数据开发 数据运营 算法开发 技术运维 软件测试 产品策划 产品运营 客户体验管理 风险管理 资产管理 【校招流程】 简历投递&#xff1a;9月…

使用Addressables+SpriteAtlas打包产生冗余

1&#xff09;使用AddressablesSpriteAtlas打包产生冗余 2&#xff09;使用SBP打AssetBundle脚本引用丢失 3&#xff09;Unity构建后处理&#xff08;IPostprocessBuildWithReport等接口&#xff09;抛出异常后&#xff0c;构建不会停止 4&#xff09;Unity 2022.3.0版本使用Oc…