直播平台源代码，input密码框显示与隐藏

直播平台源代码，input密码框显示与隐藏

一、html部分

 

1	<div style="margin-top: 200px;background: #42b983;width: 200px;height: 100px"><br>      <input :type="passwordType" v-model="password" placeholder="请输入账号"/><br>      <img :src="status" alt="" @click="changeStatus()"/><br>    </div><br>

​

二、js部分

初始化

 

1	<br>  export default {<br>    data() {<br>      return {<br>        status:require('../src/assets/visible.png'),<br>        passwordType:'password',<br>        password:'',<br>        }<br>     }<br>   }<br>

 

函数部分

 

1	<br>      changeStatus(){<br>        this.passwordType = this.passwordType==='password'?'text':'password';<br>        this.status = this.status == require('../src/assets/visible.png')?require('../src/assets/unVisible.png'):require('../src/assets/visible.png');<br>      },

 

 以上就是 直播平台源代码，input密码框显示与隐藏，更多内容欢迎关注之后的文章