html5 密码框明文,elementUI的密码框的密文和明文

基于elementui 框架的登录时密码框的明文和密文

1、template

v-model.trim="ruleForm.password"

placeholder="请输入密码"

:type="passw"

clearable

@blur="onBlur"

2、script

data(){

return{

icon: "el-input__icon el-icon-view",

passw: "password",

}

methods:{

//密码的隐藏和显示

showPass() {

//点击图标是密码隐藏或显示

if (this.passw == "text") {

this.passw = "password";

//更换图标

this.icon = "el-input__icon el-icon-view";

} else {

this.passw = "text";

this.icon = "el-input__icon el-icon-loading";

setTimeout(()=>{

this.icon = "";

},500)

}

//密码失焦事件

onBlur(){

this.passw = "password";

this.icon = "el-input__icon el-icon-view";

}

html5 密码框明文,elementUI的密码框的密文和明文相关推荐

Vue.js-Day02-AM【Vue表单、核心指令（单选框、密码框、多行文本框、单选、多选、勾选、下拉列表）、组件汇总案例、ToDoList案例、计算属性(computed)、watch监听】
Vue.js实训[基础理论(5天)+项目实战(5天)]博客汇总表[详细笔记] 目录 1.Vue表单原生JS实现异步表单提交运行截图代码核心指令单选框.密码框.多行文本框单选多选勾 ...
怎么禁止浏览器弹框记住/保存密码及不自动填充密码
一.本文解决的问题: 1.不会在浏览器弹框提示保存密码 2.用户名和密码框不自动填充已保存的信息 3.单击用户名框时不下拉选择历史输入过的信息测试浏览器:IE,谷歌,火狐二.现象及问题: 1.登录 ...
html语言密码框,HTML表单密码框INPUT标签
HTML表单密码框标签在HTML的表单控件中,密码框也是经常使用的控件,它主要用户密码验证.密码修改等地方,它使用的也是标签. 一.定义标签用于表示文本框.密码框.单选框.复选框.文件上传框.普通 ...
elementUI多选框组件：多选数组，取值问题
elementUI多选框组件:多选数组,取值问题效果图: <templete>部分:  <!-- 已发布职位list列表 --& ...
elementUI中复选框checkbox的使用
elementUI中复选框checkbox的使用 <template><div style="padding:20px;"><el-card>& ...
编辑画面，element-ui的单选框组选中值以及画面选择样式无法切换，但是绑定的v-model值已发生变化
今天碰到了一个特别奇葩的问题,使用element-ui的单选框组做选择,在新增的情况下,也就是form表单绑定的对象为空时,画面可以正常操作取出来的值也没有问题,但是在编辑的情况下,也就是form表单 ...
ElementUI下拉框选择后不显示值
文章目录方法一方法二问题:vue(ElementUI)下拉框选择后赋值了,但是框上不显示  <el-form-item label="用户角色&q ...
什么叫明文，什么叫密文、密码、密钥，为什么在数据库里不采用明文保存密码？
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录密码概述明文概述密文概述? 什么是密钥? 加密的手段(以下三种) MD5加密 DES加密 RSA加密密码概述密码学中 ...
Wireshark分析明文账号、密码登录
目录一.准备 Wireshark 二.Wireshark配置准备 1.打开Wireshark,选择捕获接口. 2.配置显示过滤器三.分析明文账号.密码 1.打开需要使用明文账号密码登录的网站进行登 ...

html5 密码框明文,elementUI的密码框的密文和明文

html5 密码框明文,elementUI的密码框的密文和明文相关推荐

最新文章

热门文章