循环 el-date-picker disabled-date不同设置

在Vue项目中，如果你想循环使用el-date-picker组件，并为每个组件设置不同的disabled-date函数，可以通过以下步骤实现：

1. 在Vue组件中，定义一个数组来存储每个el-date-picker的配置信息，包括disabled-date函数。例如：

data() {
  return {
    datePickers: [
      { disabledDate: this.disabledDate1 },
      { disabledDate: this.disabledDate2 },
      { disabledDate: this.disabledDate3 }
    ]
  }
},
methods: {
  disabledDate1(date) {
    // 第一个el-date-picker的disabled-date函数逻辑
  },
  disabledDate2(date) {
    // 第二个el-date-picker的disabled-date函数逻辑
  },
  disabledDate3(date) {
    // 第三个el-date-picker的disabled-date函数逻辑
  }
}

2. 在模板中使用v-for指令循环渲染el-date-picker组件，并根据数组中的配置信息设置disabled-date函数。例如：

<template>
  <div>
    <el-date-picker
      v-for="(picker, index) in datePickers"
      :key="index"
      :disabled-date="picker.disabledDate"
    ></el-date-picker>
  </div>
</template>

通过以上步骤，你可以循环使用el-date-picker组件，并为每个组件设置不同的disabled-date函数。