v-for动态创建对个el-date-picker

你可以使用v-for指令来动态创建多个el-date-picker组件。下面是一个示例代码：

<template>
  <div>
    <div v-for="(item, index) in datePickers" :key="index">
      <el-date-picker v-model="item.date" @change="handleChange(index)" :placeholder="item.placeholder"></el-date-picker>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      datePickers: [
        { date: '', placeholder: '选择日期1' },
        { date: '', placeholder: '选择日期2' },
        { date: '', placeholder: '选择日期3' }
      ]
    };
  },
  methods: {
    handleChange(index) {
      console.log('日期选择改变，索引为：', index);
      console.log('选择的日期为：', this.datePickers[index].date);
    }
  }
};
</script>

在上面的代码中，我们使用v-for指令遍历datePickers数组，根据数组的长度动态创建多个el-date-picker组件。每个el-date-picker组件都绑定了一个对应的日期数据和占位符。当日期选择改变时，会触发change事件，并调用handleChange方法，打印出选择的日期和对应的索引。