Vue项目中如何用Element UI动态生成基于时间范围（例如上周和本周）的表头？

<el-table :data="tableData">
  <el-table-column :label="lastWeekRange" prop="lastWeekData" width="120"></el-table-column>
  <el-table-column :label="thisWeekRange" prop="thisWeekData" width="120"></el-table-column>
</el-table>

<el-table :data="tableData">
  <template v-for="(range, index) in weekRanges" :key="index">
    <el-table-column :label="range.label" :prop="range.prop" width="120"></el-table-column>
  </template>
</el-table>

data() {
  return {
    weekRanges: [
      { label: this.lastWeekRange, prop: 'lastWeekData' },
      { label: this.thisWeekRange, prop: 'thisWeekData' }
    ],
    tableData: [ /* ... your table data ... */ ]
  };
},
computed: {
  lastWeekRange() {
    // 计算上周日期范围
    const now = new Date();
    const lastWeek = new Date(now.setDate(now.getDate() - now.getDay() - 7));
    const endOfWeek = new Date(lastWeek.setDate(lastWeek.getDate() + 6));
    return `${lastWeek.getMonth() + 1}-${lastWeek.getDate()} ~ ${endOfWeek.getMonth() + 1}-${endOfWeek.getDate()}`;
  },
  thisWeekRange() {
    // 计算本周日期范围
    const now = new Date();
    const startOfWeek = new Date(now.setDate(now.getDate() - now.getDay()));
    const endOfWeek = new Date(startOfWeek.setDate(startOfWeek.getDate() + 6));
    return `${startOfWeek.getMonth() + 1}-${startOfWeek.getDate()} ~ ${endOfWeek.getMonth() + 1}-${endOfWeek.getDate()}`;
  }
}