vue form动态添加删除的校验

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>