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

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

目标:

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

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

实现逻辑和步骤:

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

posted @ 2022-12-06 22:19  轻风细雨_林木木  阅读(300)  评论(0编辑  收藏  举报