vue中form表单校验，一个form-item中有多个必填项如何操作？

普通的正则校验就不具体写了。

项目中遇到一个el-form-item含有多个input或者select，如何绑定值？

 

 

 

// 一个form-item中有多个必填项
 <el-form-item label="通知限制" class="content-flex" required>
      <el-form-item prop="notice_limit"><el-input v-model="form.notice_limit" style="width: 100px" /></el-form-item>
      <el-form-item prop="notice_type">
        <el-select v-model="form.notice_type" placeholder="请选择" style="width: 100px">
          <el-option v-for="item in timeType" :key="item" :label="item" :value="item" />
        </el-select>
      </el-form-item>

// 普通的必填项

<el-form-item
        label-width="140px"
        label="通知次数不可超过"
        prop="notice_time"
        style="margin-left:24px;"

>
        <el-input v-model="form.notice_time" style="width: 100px" />
</el-form-item>

<script>

       rules: {

        notice_limit: { required: true, message: '请输入时长', trigger: 'blur' },

        notice_type: { required: true, message: '请选择时间单位', trigger: 'change' },

        notice_time: { required: true, message: '请输入限制次数', trigger: 'blur' }

      }

</script>