Estoy usando vcalendar para mi vue -app. Hasta ahora funciona bien, pero cuando trato de agregar algunos atributos, no se aplican
aquí está mi código:
<v-calendar :attributes="attributes" :available-dates="availableDates" @dayclick="dayClicked" />entonces hago esto:
computed: { attributes() { return this.availableDates.map((date) => ({ dot: { backgroundColor: '#FF0000', }, })) }, }pero no pasa nada y no sé por qué. ¿Puede alguien tal vez ayudarme?
Supongo que está tratando de agregar un punto debajo de todas las fechas disponibles en v-calendar .
No es necesario calcular los attributes . Debería ser solo una propiedad de datos que se refiera a las fechas availableDates (no mapeadas):
export default { data() { const availableDates = [ new Date() ] return { availableDates, attributes: [ { dot: true, dates: availableDates, }, ], } }, } Dado que los attributes.dates . fechas se refieren a fechas availableDates , cualquier cambio en las fechas availableDates se refleja automáticamente en el enlace de attributes .