【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()

你可能感兴趣的:(element-ui,vue.js,前端,javascript)