Tengo una fecha específica para la que quiero obtener los próximos 6 días (para tener una semana por delante tipo de componente). Estoy pensando que puedo tener mi fecha inicial y luego hacer un bucle de rango v-for como:
<span v-for="n in 7">{{ n }}</span>donde el primer elemento sería la fecha de transmisión. Pero no estoy exactamente seguro de cuál sería la mejor manera de lograr esto.
Es posible calcular las próximas 7 fechas directamente dentro de la <template> :
<span v-for="n in 7">{{ new Date().setDate(new Date().getDate() + n) }}</span> Alternativamente, puede mover eso a <script> para despejar la <template> :
<script setup> const today = new Date() const nextSevenDays = Array(7).fill().map((_, i) => new Date(today).setDate(today.getDate() + i)) </script> Luego actualice el v-for para renderizarlo:
<template> <span v-for="date in nextSevenDays">{{ date }}</span> </template>