【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()
相关推荐
Jet_closer_burning3 分钟前
Vue2 和 Vue3 的响应式原理对比
前端·javascript·vue.js·html
belldeep4 分钟前
nodejs:vue 3 + vite 作为前端,将 html 填入<iframe>,在线查询英汉词典
vue.js·nodejs·vite·ifame
xing251631 分钟前
pytest-html
前端·html·pytest
努力的白熊嗨40 分钟前
一文带你搞懂前端大文件上传
前端·javascript
茂茂在长安41 分钟前
Linux 命令大全完整版(11)
java·linux·运维·服务器·前端·centos
Violet51542 分钟前
ECMAScript规范解读——this的判定
javascript
知识分享小能手1 小时前
Html5学习教程,从入门到精通,HTML5 简介语法知识点及案例代码(1)
开发语言·前端·javascript·学习·前端框架·html·html5
IT、木易1 小时前
大白话React第二章深入理解阶段
前端·javascript·react.js
晚安7201 小时前
Ajax相关
前端·javascript·ajax
图书馆钉子户1 小时前
怎么使用ajax实现局部刷新
前端·ajax·okhttp