【element-ui】form表单动态修改rules校验项

在项目开发过程中,该页面有暂存和提交两个按钮,其中暂存和提交必填项校验不一样,此时需要动态增减必填项校验 ,解决方法如下:

增加rules校验项

复制代码
this.$set(this.formRules,'name',[{required:true,message:'请输入名称',trigger:'change'}])






this.$refs[formName].validate((valid) =>{

    if(valid){
        ...
    }else{
        return false;
    }
})

删除rules校验项

复制代码
this.$delete(this.formRules,'name')

this.$refs[formName].clearValidate()
相关推荐
计算机魔术师4 分钟前
纽约时报告了OpenAI和微软:820万条聊天记录背后,是AI时代最大的版权保卫战
前端
码事漫谈11 分钟前
在 Kubernetes 上管好数据库:金仓 KES-Operator 正式落地
前端·后端
six_16 分钟前
RiverPlusCOM Web:不用安装的在线串口调试助手
vue.js·程序员
用户18806874935217 分钟前
手上全是油,我怎么让rokid眼镜在厨房里教我炒菜
前端
gnip19 分钟前
uni-app 原生插件
前端·javascript·uni-app
gnip27 分钟前
跨域常用解决方案
前端·javascript
用户2986985301435 分钟前
前端如何把 TXT 文本文件转成 Word 文档:React 实践
前端·javascript·react.js
FEF前端团队35 分钟前
03# Claude Code实战:终端里的逻辑引擎
前端·ai编程·claude
FEF前端团队38 分钟前
04# Codex CLI实战:OpenAI的编程代理
前端·chatgpt·ai编程
掘金挖土40 分钟前
前端手摸手跑路之 AI 应用开发(七)
前端·后端