111

src/views/index/login/Login.vue

@@ -30,7 +30,7 @@
         ref="loginFormRef"
         class="demo-ruleForm"
       >
-        <el-form-item prop="phone">
+        <el-form-item ref="phone" prop="phone">
           <img
             class="img_l"
             src="../../../assets/img/login/username.png"
@@ -45,6 +45,7 @@
         <el-form-item
           v-if="changeLogin == 1"
           :prop="changeLogin == 1 ? 'password' : ''"
+          ref="password"
         >
           <img
             class="img_l"
@@ -76,13 +77,13 @@
         <el-form-item
           v-else-if="changeLogin == 2"
           :prop="changeLogin == 2 ? 'code' : ''"
+          ref="code"
         >
           <img class="img_l" src="@/assets/img/reset/code.png" alt="" />
           <el-input
             v-model="loginForm.code"
             placeholder="请输入短信验证码"
             maxlength="20"
-            autocomplete="off"
           ></el-input>
           <!-- 短信验证码 -->
           <div class="phoneCode">
@@ -264,10 +265,16 @@ export default {
     toLogin() {
       this.loginForm = {};
       this.changeLogin = 1;
+      this.$nextTick(() => {
+        this.$refs["loginFormRef"].clearValidate();
+      });
     },
     toCodeLogin() {
       this.loginForm = {};
       this.changeLogin = 2;
+      this.$nextTick(() => {
+        this.$refs["loginFormRef"].clearValidate();
+      });
     },
     // 登录
     submitForm() {

src/views/index/login/Register.vue

@@ -16,7 +16,7 @@
               v-model="registerForm.phone"
               placeholder="请输入手机号"
               maxlength="11"
-              autocomplete="off"
+             
             ></el-input>
           </el-form-item>
           <!-- <el-form-item prop="email">
@@ -25,7 +25,7 @@
               v-model="registerForm.email"
               placeholder="请输入邮箱"
               
-              autocomplete="off"
+          
             ></el-input>
           </el-form-item> -->
           <el-form-item prop="code">
@@ -34,7 +34,7 @@
               v-model="registerForm.code"
               placeholder="请输入短信验证码"
               maxlength="20"
-              autocomplete="off"
+            
             ></el-input>
             <!-- 短信验证码 -->
              <!-- <div class="phoneCode">
@@ -50,7 +50,7 @@
               v-model="registerForm.code"
               placeholder="请输入邮箱注册验证码"
               maxlength="6"
-              autocomplete="off"
+            
             ></el-input> --> 
             <!-- 短信验证码 -->
             <div class="phoneCode">
@@ -89,7 +89,7 @@
               v-model="registerForm.rq_password"
               placeholder="请再次输入登录密码"
               maxlength="20"
-              autocomplete="off"
+           
             ></el-input>
           </el-form-item>
           <el-form-item style="margin: 40px 0 0 0"></el-form-item>

src/views/index/login/Reset.vue

@@ -16,7 +16,6 @@
               v-model="resetForm.phone"
               placeholder="请输入手机号"
               maxlength="11"
-              autocomplete="off"
             ></el-input>
           </el-form-item>
           <!-- <el-form-item prop="email">
@@ -24,7 +23,7 @@
             <el-input
               v-model="resetForm.email"
               placeholder="请输入邮箱"
-              autocomplete="off"
+            
             ></el-input>
           </el-form-item> -->
           <el-form-item prop="code">
@@ -33,23 +32,22 @@
               v-model="resetForm.code"
               placeholder="请输入短信验证码"
               maxlength="20"
-              autocomplete="off"
             ></el-input>
-          <!-- 短信验证码 -->
-          <!-- <div class="phoneCode">
+            <!-- 短信验证码 -->
+            <!-- <div class="phoneCode">
               <span class="code" v-show="showCode" @click="getCode"
                 >获取验证码</span
               >
               <span v-show="!showCode" class="count">{{ count }} s</span>
             </div>
           </el-form-item> -->
-          <!-- <el-form-item prop="code">
+            <!-- <el-form-item prop="code">
             <img class="img_l" src="@/assets/img/reset/code.png" alt="" />
             <el-input
               v-model="resetForm.code"
               placeholder="请输入邮箱验证码"
               maxlength="6"
-              autocomplete="off"
+            
             ></el-input> -->
             <!-- 短信验证码 -->
             <div class="phoneCode">
@@ -88,7 +86,6 @@
               v-model="resetForm.rq_password"
               placeholder="请再次输入新的登录密码"
               maxlength="20"
-              autocomplete="off"
             ></el-input>
           </el-form-item>
           <el-form-item style="margin: 40px 0 0 0"></el-form-item>
@@ -258,7 +255,7 @@ export default {
       // }
       // 接口获得验证码
       passwordCode({
-          phone: this.resetForm.phone,
+        phone: this.resetForm.phone,
         // email: this.resetForm.email,
       }).then((res) => {
         console.log(res, "passwordCode");