element某个字段根据特殊条件判断是否为必填项

最新推荐文章于 2024-10-28 16:19:23 发布

别忘了微笑_cuicui

最新推荐文章于 2024-10-28 16:19:23 发布

阅读量2.7k

点赞数

分类专栏： vue+element项目

本文链接：https://blog.csdn.net/CuiCui_web/article/details/105434276

版权

vue+element项目专栏收录该内容

34 篇文章 0 订阅

订阅专栏

 <el-form :model="ruleForm"
	:rules="rules"
    ref="ruleForm"
    label-width="100px"  
> 
 	<el-form-item label="项目来源" prop="projectSource" 
 	  :rules="projectSourceIsMust?rules.projectSource:[
 	  	{required: false, message: '请输入项目来源', trigger: 'blur' },
         { max: 1000, message: '项目来源不能超过1000位', trigger: 'blur'}]">
        <el-input type="textarea" :autosize="{ minRows: 3}" v-model="ruleForm.projectSource"  ></el-input>
     </el-form-item>
</el-form>

projectSourceIsMust为特殊条件，如果为true,则为必填校验规则，否则就是required: false

data中数据定义：

 data () {
 	return {
 		 ruleForm: {
 		 	projectSource:''
 		 }，
 		 rules: {
 		 	projectSource: [
            {required: true, message: '请输入项目来源', trigger: 'blur' },
            { max: 1000, message: '项目来源不能超过1000位', trigger: 'blur' },]
 		 }
 	}
 }