form需要动态添加行组件时,需要遍历,这时在rules中再设置校验规则就不合适了,此时简单的方式是直接将规则写在el-form-item中就可以了
<div v-for="(item, index) in budgetAddForm.Budgetdetails" :key="index">
<el-row :gutter="10" class="row-content">
<el-col :span="4">
<el-form-item label="" label-width="0"
:rules="{required: true, message: '请选择媒体类型', trigger: 'blur'}" :prop="item.Typeid">
<el-select
v-model="item.Typeid"
clearables
filterable
@change="mediaTypeChange(item)"
placeholder="请选择媒体类型"
class="industry-selector">
<el-option
v-for="items in mediatTypeList"
:key="items.typeid"
:label="items.typename"
:value="items.typeid"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="" label-width="0" :rules="{required: true, message: '请输入预算金额', trigger: 'blur'}" prop="Cost">
<el-input type="text" v-model="item.Cost" autocomplete="off"></el-input>
</el-form-item>
</el-col>