【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()
相关推荐
DevUI团队4 分钟前
Angular开发者必看:深度解析单元测试核心技巧与最佳实践
前端·javascript·angular.js
Mintopia5 分钟前
🌐 动态网络环境下的 WebAIGC 断点续传与容错技术
前端·人工智能·aigc
答案answer35 分钟前
一些经典的3D编辑器开源项目
前端·开源·three.js
亿元程序员1 小时前
Creator都快4.0了,怎么能没有这样的功能?
前端
q***64971 小时前
SpringMVC 请求参数接收
前端·javascript·算法
万少1 小时前
流碧卡片 6 小时闪电开发 AI gemini-3-pro-preview ! 秒出小红书爆款图,免下载直接用
前端·后端·ai编程
悟能不能悟1 小时前
<style scoped>vue中怎么引用css文件
css·vue.js
向葭奔赴♡1 小时前
若依系统权限控制全流程解析
前端·javascript·vue.js·ruoyi·navicat
IT_陈寒1 小时前
Python开发者必知的5个高效技巧,让你的代码性能提升50%
前端·人工智能·后端
u***u6851 小时前
Vue虚拟现实案例
前端·vue.js·vr