vue获取当前一周日期

在Vue中获取当前一周的日期可以通过计算当前日期往前推7天的方式来实现。以下是一个简单的方法，使用JavaScript的Date对象来获取一周的日期数组。

<template>
  <div>
    <p v-for="(date, index) in weekDates" :key="index">{{ date }}</p>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      weekDates: this.getWeekDates()
    };
  },
  methods: {
    getWeekDates() {
      let dates = [];
      let now = new Date();
      for (let i = 0; i < 7; i++) {
        let date = new Date(now);
        date.setDate(date.getDate() - i);
        let day = date.getDate();
        let month = date.getMonth() + 1; // 月份是从0开始的
        let year = date.getFullYear();
        dates.unshift(`${year}-${month.toString().padStart(2, '0')}-${day.toString().padStart(2, '0')}`);
      }
      return dates;
    }
  }
};
</script>

这段代码中，getWeekDates方法计算并返回一个包含当前日期前七天（共计七个日期）的数组。在模板中，使用v-for指令遍历这个数组，并显示每一个日期。padStart方法确保月份和日期始终是两位数的字符串形式。