element 动态使用rules控制输入框的边框效果（红色）

前言：
今天做了一个变态的效果，其实很简单但是要达到动态修改就麻烦了

目标：

1. 登录页面进入以后满足基本验证的前提下；
2. 调用后台接口错误之后要求input框边变红
3. 重新修改input内容时，所有验证消失

很简单吧……，但是实际实现就很操蛋了，提醒千万不要源JS修改，后果自己体验。

实现逻辑和步骤：

// 1. 隐藏所有提示语
<el-form :show-message="false" // 提示语清除
          :rules="loginRules"
          ref="loginForm" 
          ……>




// 2.在item 上添加 error
<</