修复登录页验证码校验的bug

piexl · piexl · commit 0cb368d58b82 · 2022-07-22T12:44:46.000+08:00
diff --git a/web/src/view/login/index.vue b/web/src/view/login/index.vue
@@ -141,9 +141,13 @@ const checkPassword = (rule, value, callback) => {
 
 // 获取验证码
 const loginVerify = () => {
-  captcha({}).then((ele) => {
-    rules.captcha[1].max = ele.data.captchaLength
-    rules.captcha[1].min = ele.data.captchaLength
+  captcha({}).then(async(ele) => {
+    rules.captcha.push({
+      max: ele.data.captchaLength,
+      min: ele.data.captchaLength,
+      message: `请输入${ele.data.captchaLength}位验证码`,
+      trigger: 'blur',
+    })
     picPath.value = ele.data.picPath
     loginFormData.captchaId = ele.data.captchaId
   })
@@ -168,7 +172,6 @@ const rules = reactive({
   username: [{ validator: checkUsername, trigger: 'blur' }],
   password: [{ validator: checkPassword, trigger: 'blur' }],
   captcha: [
-    { required: true, message: '请输入验证码', trigger: 'blur' },
     {
       message: '验证码格式不正确',
       trigger: 'blur',
