登录页点确定接口校验提示显示到el-inupt框下面

技术框架：

vue + element ui

场景：

登录页账号、密码、验证码 el-input 框进行非空校验，点击登录按钮时，调用接口验证账号密码是否正确，后端接口返回的msg信息，需要使用el-input框的验证方式提示在账号和密码的下面，而不是toast提示。

思路：

通过点击登录按钮，把接口返回的msg信息复制给一个变量，再通过this.$refs.loginForm.validateField('account') 触发这个表单校验，在账号和密码校验的方法里判断如果这个变量有值，就给出这个变量的错误提示信息。

方案：直接上图

html:

data：

rules:表单校验

点击登录按钮的方法：