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']);
相关推荐
Bs_MoneyMagnet20 小时前
基于springboot+vue的家居生活商城平台的设计与实现 源码+文档
java·vue.js·spring boot·后端·spring
BillKu20 小时前
Element Plus 的 el-tab-pane:lazy 的说明
前端·javascript·vue.js
爱勇宝20 小时前
《道德经》第 11 章:真正有用的,常常是你没写出来的那部分
前端·后端·产品
jearry20 小时前
WebView2 原生拖放的桥接之道:拆解 yyzTools 的 drop-zone.js
前端·c++
一位正在转型AI全栈的前端工程师20 小时前
AI 全栈学习之旅 -Week 11:从 CLI 到浏览器:用 FastAPI、SSE 和 Vue 3 做一个可审核的 ReAct Agent
前端·python
10share20 小时前
我为什么用 React 重写了一个 VitePress
前端·react.js
计算机魔术师20 小时前
GPT-6 Astra 发布后,Sebastian Raschka 解析 looped transformer 与隐藏推理链传闻
前端
不可能片场20 小时前
Electron 退化成 node:一个环境变量的锅
前端·electron
楚楚河河20 小时前
js 变量声明
前端
Cicada12820 小时前
Web 服务器怎么选
运维·服务器·前端