fix: 问题修改

src/views/LoginPage.vue

@@ -3,21 +3,33 @@
     <div class="system-name">SAAS 管理平台</div>
     <div class="system-name">SAAS 管理平台</div>
     <div class="login-view">
     <div class="login-view">
       <h2>登录</h2>
       <h2>登录</h2>
-      <el-form :model="loginForm" class="login-form">
-        <el-form-item prop="userName">
+      <el-form ref="loginForm" :model="loginForm" class="login-form">
+        <el-form-item
+          prop="userName"
+          :rules="[
+            { required: true, message: '请输入用户名' },
+          ]"
+        >
           <el-input
           <el-input
             prefix-icon="el-icon-user"
             prefix-icon="el-icon-user"
             v-model="loginForm.userName"
             v-model="loginForm.userName"
             placeholder="User Name"
             placeholder="User Name"
+            clearable
           ></el-input>
           ></el-input>
         </el-form-item>
         </el-form-item>
-        <el-form-item prop="password">
+        <el-form-item
+          prop="password"
+          :rules="[
+            { required: true, message: '请输入密码' },
+          ]"
+        >
           <el-input
           <el-input
             :type="showPwd ? 'text' : 'password'"
             :type="showPwd ? 'text' : 'password'"
             prefix-icon="el-icon-lock"
             prefix-icon="el-icon-lock"
             v-model="loginForm.password"
             v-model="loginForm.password"
             placeholder="Password"
             placeholder="Password"
             @keyup.enter.native="login"
             @keyup.enter.native="login"
+            clearable
           >
           >
             <i
             <i
               @click="showPwd = !showPwd"
               @click="showPwd = !showPwd"
@@ -31,7 +43,9 @@
           </el-input>
           </el-input>
         </el-form-item>
         </el-form-item>
         <el-form-item class="operate">
         <el-form-item class="operate">
-          <el-button type="primary" @click="login">登录</el-button>
+          <el-button type="primary" @click="login"
+            >登录</el-button
+          >
         </el-form-item>
         </el-form-item>
       </el-form>
       </el-form>
     </div>
     </div>
@@ -54,13 +68,14 @@ export default {
     }
     }
   },
   },
   mounted() {
   mounted() {
-    this.loginForm = {}
+    // this.loginForm = {}
   },
   },
   methods: {
   methods: {
     ...mapMutations(['setUserInfo']),
     ...mapMutations(['setUserInfo']),
     async login() {
     async login() {
-      if (!this.loginForm.userName || !this.loginForm.password) {
-        this.$message.error('请输入用户名或密码')
+      try {
+        await this.$refs.loginForm.validate()
+      } catch {
         return
         return
       }
       }
       const l = this.$loading({
       const l = this.$loading({
@@ -142,12 +157,12 @@ h2 {
   cursor: pointer;
   cursor: pointer;
 }
 }
 .eyes.open {
 .eyes.open {
-  background: url('../assets/login/eyes-open.png') no-repeat center /
-    cover;
+  background: url('../assets/login/eyes-open.png') no-repeat
+    center / cover;
 }
 }
 .eyes.close {
 .eyes.close {
-  background: url('../assets/login/eyes-closed.png') no-repeat center /
-    cover;
+  background: url('../assets/login/eyes-closed.png')
+    no-repeat center / cover;
 }
 }
 
 
 .el-button--primary {
 .el-button--primary {