2021-10-09

最新推荐文章于 2025-05-27 09:23:26 发布
最新推荐文章于 2025-05-27 09:23:26 发布
阅读量94 收藏
点赞数
分类专栏： 2021-10 文章标签： javascript html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_51937505/article/details/120666239
版权
本文展示了如何使用Vue.js的数据绑定和条件渲染指令v-if和v-else，来创建一个可切换的登录页面，支持密码登录和验证码登录模式。通过点击事件改变data中的isPsw值，实现两种登录方式的动态切换，提供了一种简洁的前端交互设计实现。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

关于v-if和v-else写一个切换密码登录/验证码登录的页面

先来看效果
默认密码登录，点击下面的“验证码登录”切换到验证码登录：
在这里插入图片描述
点击“验证码登录”后：
在这里插入图片描述
两个即可互相切换。下面来看代码：
在这里插入图片描述
下面是js部分：
在data里返回isPsw：true；（默认先显示密码登录，所以为true）
在这里插入图片描述
点击事件取反即可：
在这里插入图片描述

2021-10-09 网安实验-Reverse-IDA基础教程六
时光隧道
10-09 4万+
在逆向过程中，除了写注释，还有件常做的事情就是给函数或地址重命名，特别是在一些地址无关代码（PIC），加壳或者封装函数中。因为在PIC代码和脱壳代码中，导入表可能并不存在于转储中；而封装函数的功能只是简单的调用API而已。比如下面这种代码，一个自动化的脚本可以帮助我们避免大量的手工操作。 在上面的代码中，sub_10005B3E实际上是一个对函数HeapAlloc的封装，为了代码更具可读性，我们给它重命名w_HeapAlloc，w是封装的意思。重命名用到的函数为idc.MakeName（ea,name），
2021-10-30
java557的博客
10-30 5327
1、 当Leader崩溃或者Leader失去大多数的Follower，这时候ZooKeeper会进行什么操作？ B、 恢复模式 2、 以下关于云计算安全性描述中，正确的是？ B、 尽管云计算提供各项安全服务，但是我们仍然需要注意备份 3、 下面哪个公司是OpenShift的开发公司？ D、  红帽 4、 在mdadm管理RAID阵列的动作当中，Assemble的作用是什么？ D、 监控状态 5、 下列选项当中，哪个不属于数据库的性能优化？ A、 数据库配置优
2021-10-09 CTF-KX（第一场）-lsb
matthewfjnd的博客
10-09 2615
1、先丢入binwalk中分析有没有隐藏文件 发现存在zip文件，进一步分解 进入分解的目录中查看分解出了什么文件，发现有flag文件，将他复制出来进一步分析 用010editor打开flag文件，发现文件尾是GNP，显然是PNG文件头的逆序 编写脚本，将图片逆序 with open('flag','rb') as f1, open('flag.png','wb') as f2: f2.write(f1.read()[::-1]) 得到一张PNG图片 又是图片，进一步分析是否又隐藏文件.
vulfocus复现：log4j2-rce-2021-12-09
qq_22132931的博客
12-26 964
vulfocus复现：log4j2-rce-2021-12-09
海康摄像头CVE-2021-36260漏洞复现
heike_Ch的博客
06-25 1991
攻击者利用该漏洞可以用无限制的 root shell 来完全控制设备，即使设备的所有者受限于有限的受保护 shell（psh）。除了入侵 IP摄像头外，还可以访问和攻击内部网络。该漏洞的利用并不需要用户交互，攻击者只需要访问 http 或 HTTPS服务器端口（80/443）即可利用该漏洞，无需用户名、密码、以及其他操作。摄像头本身也不会检测到任何登录信息。
2021-01-18
weixin_54641072的博客
01-18 1980
找程序猿哥哥！！！！编制App或者小程序
2021-05-05
樊金良的博客
05-05 845
你需要努力，fighting！
2021-09-25
热门推荐
weixin_49696047的博客
09-25 2万+
Steam XSX/XBOX one s手柄驱动安装失败解决方法。 方法一：Win+R 输入services.msc ，在右侧列表找到Steam Client Service并设置为自动运行。然后再去steam设置里面自动装驱动。 方法二：Win+R 输入CMD，输入cd C:\Program Files (x86)\Common Files\Steam 回车， 然后再输steamxboxutil64 --install drivers\Windows10\x64 回车，重启电脑。done 撤销：Ctrl
时间类型转换的问题“2021-01-20T10:09:11Z”
JavaWHD的博客
02-22 6503
关于新手碰到时间类型转换的问题： 拿到的时间为字符串，格式为：“2021-01-20T10:09:11Z”。 容易理解的解决方法： 先将该字符串转换为Date类型： SimpleDateFormat sdf = new SimpleDateFormat(“yyyy-MM-dd’T’HH:mm:ss’Z’”); Date applyDate = sdf.parse(“2021-01-20T10:09:11Z”); 再将Date类型转换为需要的字符串类型： SimpleDateFormat sdf1 = new
2021-10-09 layui 获取 select选中的值
Ysy3757的博客
10-09 4524
jquery获取layui下select选中的值 jquery获取layui下select选中的值 <select name="region" lay-filter="region-dropdown"> <option value="ap-chengdu">成都</option> <option value="ap-nanjing">南京</option> <option value="ap-beijing-1"
eclipse-jee-2021-09-R-linux-gtk-aarch64.tar.gz
10-25
Eclipse IDE for Enterprise Java and Web Developers （eclipse-jee-2021-09-R-linux-gtk-aarch64.tar.gz）适用于Linux AArch64
Remake_save_2021-09-16T15.43 05.284Z.json
09-16
本人玩的修仙存档，固定天赋小盒子，重开129次，成就87个，事件50%，天赋75%。休闲次数大概7次，最多一次500岁，但是没渡劫。
eclipse-java-2021-03-R-win32-x86_64.zip
03-24
10. **版本控制系统**: Eclipse支持多种版本控制系统，如Git、SVN等，使得团队协作更加顺畅，代码版本管理和历史回溯变得轻松。 总结来说，Eclipse IDE for Java Developers是Java开发者的重要工具，提供了全面的...
Web前端开发（JS的快速入门）
2401_88455976的博客
05-24 1353
元素的底部，可改善显示速度外部的JS文件中，只包含JS代码，不包含<script>标签<script>标签不能自闭合<head><title>JS引入方式</title>-- 内部脚本 -->-- 外部脚本 --></head><body>
【Redis】三、在springboot中应用redis
naihe_fish的博客
05-22 776
本文介绍了如何在Spring Boot项目中集成Redis作为缓存中间件，以优化用户信息管理的性能。首先，通过引入redis依赖，配置Redis连接信息。接着，创建了一个用户管理模块，包括数据库表、实体类、控制器和服务层。在服务层中，通过RedisTemplate实现了缓存逻辑，优先从Redis中查询用户分数，若未命中则从MySQL数据库中获取并缓存到Redis中。最后，通过Postman测试接口，验证了Redis缓存的有效性，首次查询较慢，但后续查询速度显著提升。
JavaScript进阶(十二)
weixin_52047874的博客
05-23 928
都可以改变函数 内部的this指向.call和apply会调用函数，并且改变函数内部this指向.call和apply传递的参数不一样，call 传递参数aru1，aru2..形式 apply 必须数组形式[arg]bind不会调用函数，可以改变函数内部this指向call调用函数并且可以传递参数apply经常跟数组有关系.比如借助于数学对象实现数组最大值最小值bind不调用函数，但是还想改变this指向.比如改变定时器内部的this指向.
JavaScript对象继承
m0_63472757的博客
05-23 974
/ 子类通过原型链继承父类为了解决原型包含引用值导致的继承问题,一种叫作"盗用构造函数"的技术在开发社区流行起来(这种技术有时也称作"对象伪装"或"经典继承"). 基本思路很简单: 在子类构造函数中调用父类的构造函数 , 因为毕竟函数就是特定上下文中执行代码的简单对象,所以可以使用apply( )和call( )方法以新创建的对象为上下文执行构造函数,来看下面的例子://父类//子类//继承SuperType。
[特殊字符]使用 Hyperlane 实现 WebSocket广播
最新发布
m0_52796585的博客
05-27 317
## 推荐几款学习编程的免费平台 ### 免费在线开发平台（[https://docs.ltpp.vip/LTPP/](https://docs.ltpp.vip/LTPP/)） <blockquote> <p>        探索编程世界的新天地，为学生和开发者精心打造的编程平台，现已盛大开启！这个平台汇集了近4000道精心设计的编程题目，覆盖了C、C++、JavaScript、TypeScript、Go、Rust、PHP、Java、Ruby
vite学习笔记
zxz86的博客
05-23 856
现代浏览器项目（Chrome >=61, Firefox >=60, Safari >=11）assetsInlineLimit: 4096, // 4KB以下资源内联。框架新项目（Vue3/React18/Svelte）极速启动：冷启动时间比传统工具快 10-100 倍。闪电热更新：HMR 更新速度不受项目规模影响。智能构建：生产环境使用 Rollup 打包。库开发（利用 Rollup 的纯净打包）.scss/.less 直接导入。微前端子应用（快速加载需求）模拟 CommonJS。
mysqlbinlog -v --start-datetime "2021-10-09 19:30:00" --stop-datetime "2021-10-09 20:50:00" mysql-bin.000001 > temp.log
09-13
mysqlbinlog -v --start-datetime "2021-10-09 19:30:00" --stop-datetime "2021-10-09 20:50:00" mysql-bin.000001 > temp.log ``` 它的含义是： - `-v` 或 `--verbose` 参数表示以详细模式运行，显示更多的信息...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值