element 去掉form表单的某一项单个form-Item校验
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
![](https://devpress.csdnimg.cn/6deffb34f7114cc1a2e1e686a67e0027.png)
·
// 在执行完相应的方法,立即触发移除校验
this.$nextTick( ()=> {
this.$refs['form'].clearValidate(['name']);
this.$refs['form'].clearValidate(['age']);
})
知识点:
但是可能提示语清不掉:planB
let _field = this.$refs["ruleFormOS"].fields;
console.log("_field", _field);
_field.map((i) => {
if (i.prop === "imageUrl") {
//通过prop属性值相同来判断是哪个输入框,比如:要移除prop为'imageUrl'
i.resetField();
return false;
}
});
此时错误提示语就不会出现,动态清除imagesUrlr值会出现效验的问题(提交的时候),当然,有人会问:“那这样清空了,提交时候就不会进行效验了?”,其实提交的时候,调下validate这个验证方法还是会进行效验的。那就自己再处理一下了。
onSubmit() {
this.$refs["ruleFormOS"].validate((valid, object) => {
console.log("valid", valid);
let osVersionListFlag = this.form.osVersionList.every(
(value) => value !== ""
);
let { system_type, name, imageUrl } = this.form;
let myValid = osVersionListFlag && system_type && name && imageUrl;
if (valid || myValid) {
switch (this.form.operate) {
case "add":
this.appendNode();
break;
case "edit":
this.editNode();
break;
default:
break;
}
} else {
console.log("error submit!!");
return false;
}
});
},
后续跟进中。。。
链接:https://juejin.cn/post/6844903779926556686
![]( https://profile-avatar.csdnimg.cn/default.jpg)
![](https://devpress.csdnimg.cn/7174e1ca86c447029bb12f9ec0bd281c.png)
![](https://devpress.csdnimg.cn/096f7827187446559bd7b6030eb5db38.png)
![](https://devpress.csdnimg.cn/6deffb34f7114cc1a2e1e686a67e0027.png)
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:6 个月前 )
c345bb45
10 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 10 个月前
更多推荐
所有评论(0)