Javascript

js使用input输入密码框显示隐藏密码

本文主要是介绍js使用input输入密码框显示隐藏密码,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

<div class="form_item">

<span class="item_name indent">登陆密码</span>

<input type="text" v-model="dataList.password"/>

<span class="btn" @click="showPassWord" v-if="passwordFlag">隐藏</span>

<span class="btn" @click="hidePassWord" v-else>显示</span>

</div>

// 隐藏密码

hidePassWord(){

this.passwordshow = this.dataList.password

if(this.dataList.password){

this.dataList.password = this.dataList.password.replace(/./g,*)

this.passwordFlag = false

}

},

// 显示密码

showPassWord(){

if(this.dataList.password){

this.dataList.password = this.passwordshow

this.passwordFlag = true

}

},

这篇关于js使用input输入密码框显示隐藏密码的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!