From 13d67864994123da70b87e81e494364ba1c1c642 Mon Sep 17 00:00:00 2001
From: xing <fthvgb1@163.com>
Date: Tue, 16 Jun 2020 11:05:37 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A1=A8=E5=8D=95=E9=AA=8C=E8=AF=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Login.vue | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/components/Login.vue b/src/components/Login.vue
index 1025729..2c9dae1 100644
--- a/src/components/Login.vue
+++ b/src/components/Login.vue
@@ -4,11 +4,11 @@
       <div class="avatar">
         <img src="../assets/logo.png" alt="logo">
       </div>
-      <el-form class="login-from" :model="loginForm">
-        <el-form-item label="">
+      <el-form class="login-from" :rules="loginFormRules" :model="loginForm">
+        <el-form-item prop="username" label="">
           <el-input v-model="loginForm.username" prefix-icon="iconfont icon-user"></el-input>
         </el-form-item>
-        <el-form-item label="">
+        <el-form-item prop="password" label="">
           <el-input v-model="loginForm.password" type="password" prefix-icon="iconfont icon-3702mima"></el-input>
         </el-form-item>
         <el-form-item class="btns">
@@ -28,6 +28,16 @@ export default {
       loginForm: {
         username: '',
         password: ''
+      },
+      loginFormRules: {
+        username: [
+          { required: true, message: '请输入登录名称', trigger: 'blur' },
+          { min: 3, max: 10, message: '长度在 3 到 10 个字符', trigger: 'blur' }
+        ],
+        password: [
+          { required: true, message: '请输入登录密码', trigger: 'blur' },
+          { min: 6, max: 15, message: '长度在 6 到 15 个字符', trigger: 'blur' }
+        ]
       }
     }
   }