vue+elementUi 实现密码显示/隐藏+小图标变化（js一共三行代码，其中一行为了美观）

Kylin_Mountain 发布于2019-08-30 15:56 / 3009人阅读

【效果图】

【html】

// 前后代码【略】

【js】

showPwd () {
  this.pwdType === "password" ? this.pwdType = "" : this.pwdType = "password";
  let e = document.getElementsByClassName("el-icon-view")[0];
  this.pwdType == "" ? e.setAttribute("style", "color: #409EFF") : e.setAttribute("style", "color: #c0c4cc");
},

云服务器 GPU云服务器 js代码显示一行密码显示隐藏js js实现隐藏显示 js实现元素隐藏显示

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/117460.html

vue+elementUi 实现密码显示/隐藏+小图标变化（js一共三行代码，其中一行为了美观）

【效果图】 showImg(https://segmentfault.com/img/bVbpaK7?w=351&h=63);showImg(https://segmentfault.com/img/bVbpaLg?w=354&h=77);showImg(https://segmentfault.com/img/bVbpaLk?w=360&h=67); 【html】 // 前后代码【略】 ...

Half 2019-08-23 15:35 评论0 收藏0
vue+elementUi 实现密码显示/隐藏+小图标变化（js一共三行代码，其中一行为了美观）

【效果图】 showImg(https://segmentfault.com/img/bVbpaK7?w=351&h=63);showImg(https://segmentfault.com/img/bVbpaLg?w=354&h=77);showImg(https://segmentfault.com/img/bVbpaLk?w=360&h=67); 【html】 // 前后代码【略】 ...

Hydrogen 2019-08-02 14:22 评论0 收藏0
开发中遇到的问题总结

摘要：获取字符串中出现次数最多的字符。去掉字符串中的所有空格中对象数组按对象属性排序 VUE 1、vue——解决You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use / eslint-disable / to ign...

wenshi11019 2019-08-23 16:03 评论0 收藏0
开发中遇到的问题总结

摘要：获取字符串中出现次数最多的字符。去掉字符串中的所有空格中对象数组按对象属性排序 VUE 1、vue——解决You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use / eslint-disable / to ign...

Yuqi 2019-08-30 15:56 评论0 收藏0