element 动态使用rules控制输入框的边框效果(红色)
前言:
今天做了一个变态的效果,其实很简单但是要达到动态修改就麻烦了
目标:
- 登录页面进入以后满足基本验证的前提下;
- 调用后台接口错误之后要求input框边变红
- 重新修改input内容时,所有验证消失
很简单吧……,但是实际实现就很操蛋了,提醒千万不要源JS修改,后果自己体验。
实现逻辑和步骤:
// 1. 隐藏所有提示语
<el-form :show-message="false" // 提示语清除
:rules="loginRules"
ref="loginForm"
……>