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']);
相关推荐
百锦再1 分钟前
Vue中对象赋值问题:对象引用被保留,仅部分属性被覆盖
前端·javascript·vue.js·vue·web·reactive·ref
jingling5556 分钟前
面试版-前端开发核心知识
开发语言·前端·javascript·vue.js·面试·前端框架
拾光拾趣录11 分钟前
CSS 深入解析:提升网页样式技巧与常见问题解决方案
前端·css
莫空000012 分钟前
深入理解JavaScript属性描述符:从数据属性到存取器属性
前端·面试
guojl12 分钟前
深度剖析Kafka读写机制
前端
FogLetter13 分钟前
图片懒加载:让网页飞起来的魔法技巧 ✨
前端·javascript·css
Mxuan14 分钟前
vscode webview 插件开发(精装篇)
前端
Mxuan15 分钟前
vscode webview 插件开发(交付篇)
前端
Mxuan16 分钟前
vscode 插件与 electron 应用跳转网页进行登录的实践
前端
拾光拾趣录16 分钟前
JavaScript 加载对浏览器渲染的影响
前端·javascript·浏览器