密码显示问题修改

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>
@@ -48,14 +48,14 @@
         </div> -->
 
         <!-- <template >
-           <img :src="imageSrc" style="max-width: 100px; max-height: 200px;" /> 
+           <img :src="imageSrc" style="max-width: 100px; max-height: 200px;" />
         </template> -->
 
         <!-- <span class="sopan">短信验证码</span>
         <van-row class="">
           <van-col span="16">
             <van-field v-model="sms" center clearable placeholder="请输入短信验证码">
-             
+
             </van-field>
           </van-col>
           <van-col span="8"><a style="color:#3672F1" @click="getPhonePost()">{{ getCmstotal }}</a></van-col>
@@ -65,7 +65,7 @@
         </div>
       </van-form>
       <!-- <div>
-        
+
         <van-row type="flex" justify="center">
           <van-col span="12"><a class="font-size-12-dhc"> 忘记密码</a></van-col>
           <van-col span="12"><a class="font-size-12-dhc"> 用户注册</a></van-col>

src/views/login/ForgetPassView.vue

@@ -36,15 +36,15 @@
         <div class="logindiv">
           <span class="sopan">账号</span>
           <van-field
-            
+
             v-model="loginNo"
             :border="true"
             placeholder="请输入手机号码"
           />
-          
+
         </div>
         <van-divider :style="{ margin: 0 }"></van-divider>
-        
+
 
         <div class="logindiv">
           <span class="sopan">新密码</span>
@@ -55,12 +55,12 @@
             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>
@@ -71,17 +71,17 @@
           <span class="sopan">确认密码</span>
           <van-field
             v-model="restpassword"
-            :type="password"
+            :type="passwordTypeNext"
             clickable
             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>
@@ -90,7 +90,7 @@
         <van-divider :style="{ margin: 0 }"></van-divider>
         <div>
         <span class="sopan">短信验证码</span>
-        
+
           <van-row>
             <van-col span="16">
               <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 = ""; //登录账号
@@ -155,7 +156,7 @@ export default class ForgetPassView extends Vue {
   verifyPhone(s:string) {
     return /[1][3,4,5,7,8][0-9]{9}/.test(s) // 返回true或false
   }
-  
+
   //获取图形验证码
   _updatePicCode() {
     //请求图形验证码
@@ -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