密码显示问题修改

src/views/authentication/LoginByID.vue

@@ -30,8 +30,8 @@
         <van-field v-model="password" :type="passwordType" center clearable placeholder="请填写密码">
           <template slot="right-icon">
             <span class="solts" @click="switchPasswordType">
-              <van-icon name="eye" v-if="passwordType === 'password'" />
-              <van-icon name="closed-eye" v-else />
+              <van-icon name="closed-eye" v-if="passwordType === 'password'" />
+              <van-icon name="eye" v-else/>
             </span>
           </template>
         </van-field>

src/views/login/ForgetPassView.vue

@@ -59,8 +59,8 @@
           >
             <template slot="right-icon">
               <span class="solts" @click="switchPasswordType">
-                <van-icon name="eye" v-if="passwordType === 'password'" />
-                <van-icon name="closed-eye" v-else />
+                <van-icon name="closed-eye" v-if="passwordType === 'password'" />
+                <van-icon name="eye" v-else/>
               </span>
             </template>
           </van-field>
@@ -71,7 +71,7 @@
           <span class="sopan">确认密码</span>
           <van-field
             v-model="restpassword"
-            :type="password"
+            :type="passwordTypeNext"
             clickable
             center
             clearable
@@ -79,9 +79,9 @@
 
           >
           <template slot="right-icon">
-              <span class="solts" @click="switchPasswordType">
-                <van-icon name="eye" v-if="passwordType === 'password'" />
-                <van-icon name="closed-eye" v-else />
+              <span class="solts" @click="switchPasswordTypeNext">
+                <van-icon name="closed-eye" v-if="passwordTypeNext === 'password'" />
+                <van-icon name="eye" v-else/>
               </span>
             </template>
           </van-field>
@@ -132,6 +132,7 @@ import commonApi from "@/constants/api/login/common.api";
 export default class ForgetPassView extends Vue {
   password = "password";
   passwordType="password"
+  passwordTypeNext="password"
   getCmstotal = "获取短信验证码";
   tatleName = "密码重置";
   loginNo: string = ""; //登录账号
@@ -166,6 +167,9 @@ export default class ForgetPassView extends Vue {
    switchPasswordType() {
       this.passwordType = this.passwordType === 'password' ? 'text' : 'password'
     }
+  switchPasswordTypeNext() {
+    this.passwordTypeNext = this.passwordTypeNext === 'password' ? 'text' : 'password'
+  }
   //计时器
   changeCmstotal() {
     this.getCmstotal = this.time + "s重发验证码";

src/views/login/Register.vue

@@ -61,8 +61,8 @@
             <!-- <van-divider /> -->
             <template slot="right-icon">
               <span class="solts" @click="switchPasswordType">
-                <van-icon name="eye" v-if="passwordType === 'password'" />
-                <van-icon name="closed-eye" v-else />
+                <van-icon name="closed-eye" v-if="passwordType === 'password'" />
+                <van-icon name="eye" v-else/>
               </span>
             </template>
           </van-field>
@@ -70,11 +70,11 @@
         </div>
         <div class="logindiv">
           <span class="sopan">确认密码</span>
-          <van-field v-model="restpassword" :type="passwordType" center clearable placeholder="请确认新密码">
+          <van-field v-model="restpassword" :type="passwordTypeNext" center clearable placeholder="请确认新密码">
             <template slot="right-icon">
-              <span class="solts" @click="switchPasswordType">
-                <van-icon name="eye" v-if="passwordType === 'password'" />
-                <van-icon name="closed-eye" v-else />
+              <span class="solts" @click="switchPasswordTypeNext">
+                <van-icon name="closed-eye" v-if="passwordTypeNext === 'password'" />
+                <van-icon name="eye" v-else/>
               </span>
             </template>
           </van-field>
@@ -125,6 +125,7 @@ export default class ForgetPassView extends Vue {
   radio: string = "0"
   checked: boolean = false;
   passwordType = "password"
+  passwordTypeNext = "password"
   showCode = false;
   //方法
 
@@ -138,7 +139,9 @@ export default class ForgetPassView extends Vue {
   switchPasswordType() {
     this.passwordType = this.passwordType === 'password' ? 'text' : 'password'
   }
-
+  switchPasswordTypeNext() {
+    this.passwordTypeNext = this.passwordTypeNext === 'password' ? 'text' : 'password'
+  }
   //手机号
   verifyPhone(s:string) {
       return /^1[3-9]\d{9}$/.test(s) // 返回true或false