Vue rules动态控制是否校验

可以使用变量来控制动态是否校验

复制代码
userEndTime: [
  { required: false, message: "请选择用户离职时间", trigger: "blur" },
],

且用这个来更新

复制代码
disabled2(newVal) {
  this.$set(this.authUserRules.userEndTime[0], 'required', newVal);
},

但是会有两个问题,一个是,当校验时,非空校验提示文字不收回,那么在单机校验字段方法中添加:

复制代码
this.$refs.authOrgUserRefDom.validateField('userEndTime');

另一种情况是,当动态控制校验字段不校验后,提示文字不收回,那么在动态控制的字段加如下代码:

复制代码
this.$refs.authOrgUserRefDom.clearValidate(['userEndTime']);
相关推荐
Z小明5 小时前
第 9 章 Pinia 状态管理
vue.js
雪芽蓝域zzs5 小时前
第 13 章:对接后端真实接口(Axios 请求,替换 Mock 数据,完整业务闭环)
vue.js·echars
OpsEye5 小时前
开发者小技巧:一套API Key调用海内外多款代码大模型
javascript·ai编程
aa小小5 小时前
uniApp离线数据不丢失方案
前端
代码小学僧6 小时前
从 0 到 1,记录我的第一个出海 SaaS 独立开发项目
前端·rpc·音视频开发
Aaswk6 小时前
从 HTML/CSS/JS 到 Vue + Axios 的一篇实战笔记
前端·css·vue.js·html
IMPYLH6 小时前
HTML 的 <span> 标签
前端·html
计算机魔术师6 小时前
纽约时报诉案曝光:微软高管私下承认,AI抓取是史上最大劳动盗窃
前端
晓得迷路了6 小时前
栗子前端技术周刊第 147 期 - React Router 8.4、Vite 云服务攻击、pnpm 12.4...
前端·javascript·react.js