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']);
相关推荐
工业HMI实战笔记8 小时前
工业HMI界面布局“1核2辅”黄金结构,适配90%场景
前端·ui·性能优化·自动化·交互
橘子星9 小时前
从零手写 RAG 语义检索:基于 Node.js 实现轻量级向量搜索
javascript·人工智能
林希_Rachel_傻希希9 小时前
web性能优化之————图片效果
前端·javascript·面试
橘子星9 小时前
基于 MCP 协议实现本地文件读取工具服务开发实践
javascript·人工智能
Darling噜啦啦9 小时前
前端存储与 this 指向完全指南:从 LocalStorage 实战到 call/apply/bind 深度解析
前端·javascript
sugar__salt9 小时前
手撕字符串算法:反转、回文、验证回文 Ⅱ 完整拆解
javascript·算法·面试·职场和发展
wei1986219 小时前
.net添加web引用和添加服务引用有什么区别?
java·前端·.net
To_OC9 小时前
从一行报错开始,把字符串反转、回文算法连带着包装类一起捋明白
javascript·算法·api
蜡台10 小时前
Node 安装 awesome-qr 失败解决
javascript·vue·qrcode·awesome-qr
格子软件10 小时前
2026年GEO优化系统源码级状态机与多模型调度拆解
java·前端·vue.js·人工智能·vue·geo