把登录页密码框改成了文本框,输入的时候自动转*,防止浏览器记住密码

陈翱
1 parent 9ec51cda
Showing 1 changed file with 12 additions and 2 deletions
ant-design-vue-jeecg/src/views/user/LoginAccount.vue
@@ -7,7 +7,7 @@
         </a-input>
       </a-form-model-item>
       <a-form-model-item required prop="password">
-        <a-input v-model="model.password" size="large" type="password" autocomplete="off"
+        <a-input v-model="model.password" size="large" type="text" autocomplete="off"  @input="maskPassword"
                  placeholder="请输入密码 / 123456" >
           <a-icon slot="prefix" type="lock" :style="{ color: 'rgba(0,0,0,.25)' }"/>
         </a-input>
@@ -44,6 +44,7 @@ export default {
       requestCodeSuccess: false,
       randCodeImage: '',
       currdatetime: '',
+      maskedPassword: '',
       loginType: 0,
       warehouseList: {},
       querySource: {},
@@ -103,6 +104,15 @@ export default {
       })
     },
  
+    maskPassword() {
+      if (this.model.password.length<this.maskedPassword.length){
+        let len=this.maskedPassword.length-this.model.password.length
+        this.maskedPassword=this.maskedPassword.substring(0,this.maskedPassword.length - len)
+      }else{
+        this.maskedPassword = this.maskedPassword + this.model.password.substring(this.model.password.length - 1, this.model.password.length)
+      }
+      this.model.password = '*'.repeat(this.model.password.length);
+    },
     // 判断登录类型
     handleUsernameOrEmail(rule, value, callback) {
       const regex = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;
@@ -147,7 +157,7 @@ export default {
         if (!err) {
           let loginParams = {
             username: this.model.username,
-            password: this.model.password,
+            password: this.maskedPassword,
             warehouseCode: this.model.warehouseCode,
             checkKey: this.currdatetime,
             remember_me: rememberMe,