用户米密码提示修改

src/components/login/Login.vue

@@ -107,7 +107,7 @@
             required: true,
             validator: validatePass2,
             trigger: 'change'
-          }],
+          }]
         }
       };
     },
@@ -168,17 +168,28 @@
             api.loginMess(params).then((res) => {
               if (res.status == 200) {
                 if (res.data.code == '10020000') { //未注册
-                  this.$message({
-                    message: '用户名或手机号未注册！',
-                    type: 'error',
-                    duration: 1000,
+                  this.$refs.ruleFormReg.clearValidate()
+                  // 手动操作校验、展示登录错误信息
+                  this.rules2.tel.push({ // js新增一个自定义校验
+                    validator: (rule, value, callback) => {
+                      callback('用户名未注册')
+                    },
+                    trigger: 'change'
                   })
+                  this.$refs.ruleFormReg.validateField('tel') // 手动校验
+                  this.rules2.tel = this.rules2.tel.slice(0, 1) // 删除校验，这个看自己之前写了几个校验来定split也可
+
                 } else if (res.data.code == '10020001') { //密码错误
-                  this.$message({
-                    message: '用户名或密码不正确',
-                    type: 'error',
-                    duration: 1000,
+                  this.$refs.ruleFormReg.clearValidate()
+                  // 手动操作校验、展示登录错误信息
+                  this.rules2.pwd.push({ // js新增一个自定义校验
+                    validator: (rule, value, callback) => {
+                      callback('密码输入错误!')
+                    },
+                    trigger: 'change'
                   })
+                  this.$refs.ruleFormReg.validateField('pwd') // 手动校验
+                  this.rules2.pwd = this.rules2.pwd.slice(0, 1) // 删除校验，这个看自己之前写了几个校验来定split也可
                 } else if (res.data.code == '0') {
                   const token = JSON.stringify(res.data.data);
                   localStorage.setItem("token", token);