资讯专栏INFORMATION COLUMN

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

Half / 1945人阅读

【效果图】



【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");
},

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

转载请注明本文地址:https://www.ucloud.cn/yun/102281.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】 // 前后代码【略】 ...

    Kylin_Mountain 评论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 评论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 评论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 评论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...

    godlong_X 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<