【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()
相关推荐
Lkstar10 分钟前
面试官让我手写 Promise.all / Promise.race / Promise.allSettled,我直接水灵灵地写出来了
javascript·面试
gogoing10 分钟前
CSS 属性值计算过程(Computed Value)
前端·css
gogoing11 分钟前
webpack 的性能优化
前端·javascript
gogoing13 分钟前
Node.js 模块查找策略(require 完整流程)
javascript·node.js
桃花键神15 分钟前
Bright Data Web Scraping指南 2026: 使用 MCP + Dify 自动采集海外社交媒体数据
大数据·前端·人工智能
gogoing18 分钟前
await fetch() 的两阶段设计
前端·javascript
gogoing24 分钟前
前端首屏加载优化
前端·javascript
gogoing28 分钟前
重排与重绘
前端·javascript
打小就很皮...34 分钟前
基于Python + LangChain + 通义千问的聊天机器人实战
前端·langchain·机器人·千问
REDcker1 小时前
个人博客网站建设指南 Markdown资产化与静态站选型部署
前端·后端·博客·markdown·网站·资产·建站