【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()
相关推荐
frjc4 分钟前
Node.js 与 npm 极简安装教程
前端·npm·node.js
IMPYLH5 分钟前
HTML 的 <main> 元素
前端·html
深念Y7 分钟前
微服务抽取路线图:从胖单体到 ARM 集群
前端·arm开发·数据库·后端·微服务·云原生·架构
阮小贰18 分钟前
干支编码的确定性实现:节气切分 + 1000 条溯源断语(附 JS 源码)
开发语言·javascript·ecmascript
雪芽蓝域zzs24 分钟前
Vue3 + Vite本地模拟数据(读取 JSON 数据)
前端
亿元程序员26 分钟前
还有高手?用Shader让图片中的3D圆环转起来!
前端
灯澜忆梦28 分钟前
【基于GO的Web开发14】gin请求重定向
前端·后端·golang·gin
qq_4523962329 分钟前
第十一篇:《前端性能优化体系:从加载到交互的全链路》
前端·性能优化·交互
Mh32 分钟前
听说我兄弟喜欢跑车,所以必须安排上
前端·javascript·vue.js
zttbee32 分钟前
vue学习(白话功能版)
前端·vue.js·学习·前端框架