element-ui中el-form-item包含多個子項需要清空,element-ui中el-form-item包含多個prop需要重置

那就在里面再包一層

 <el-form-item
        v-for="(formItem, itemIndex) in formList"
        :key="itemIndex"
        :prop="formItem.prop"
        :label-width="formItem.type === 'button' ? '0px': formItemWidth ||'auto'"
        :label="formItem.label"
      >
       <el-date-picker
          v-if="formItem.type === 'dateTimePiker'"
          v-model="formData[formItem.prop]"
          value-format="yyyy-MM-dd HH:mm:ss"
          type="datetime"
          :disabled="formItem.disabled"
          :placeholder="formItem.placeholder"
          :style="{width: formItem.formChildWidth}"
        />
        <div v-if="formItem.type === 'dateZones'">
          <div v-for="(dateItem, dateIndex) in formItem.children" :key="dateIndex" class="date-zone">
            <el-form-item :prop="dateItem.prop">
              <el-date-picker
                v-if="dateItem.type === 'dataPicker'"
                v-model="formData[dateItem.prop]"
                value-format="yyyy-MM-dd"
                type="date"
                :placeholder="dateItem.placeholder"
                :disabled="dateItem.disabled"
                :style="{width: dateItem.formChildWidth}"
              />
            </el-form-item>
          </div>
        </div>
 </el-form-item>

比如說我做了一個時間篩選的 ,還有一個呢 是時間區間的,那么我需要兩個el-date-picker組件寫在一起,所以呢,我都要做清空只能這樣,再包一層el-form-item

重置的代碼

 clearData() {
      this.$refs['form'].resetFields()
    },

還有一點非常重要 重置的這個按鈕必須再form這個表單之內哦~~~~~~