如何将存储在一个变量中的数据添加到next数据返回中的另一个数据字段?

Question

我正试图将完整日历添加到我的下一个项目。这是我的代码。

<template>
<div>
<!-- {{calendarOptions}} -->
<FullCalendar :options="calendarOptions" />
</div>
</template>
<script>
import FullCalendar from '@fullcalendar/vue'
import dayGridPlugin from '@fullcalendar/daygrid'
import interactionPlugin from '@fullcalendar/interaction'
import timeGridPlugin from '@fullcalendar/timegrid'

export default {
components: {
FullCalendar, // make the <FullCalendar> tag available
},
data() {
return {
allevents: [{ title: 'Event 2', start: '2021-01-04', end: '2021-01-07' },
{ title: 'Event 3', start: '2021-01-05', end: '2021-01-09' }],
calendarOptions: {
plugins: [dayGridPlugin, interactionPlugin, timeGridPlugin],
initialView: 'dayGridMonth',
nowIndicator: true,

events: [
{ title: 'Event 1', start: '2021-01-01', end: '2021-01-03' },            
],               
},
}
},
}
</script>

我想在events中添加数据toevents arrayinsidecalenderOptions对象．有人能告诉我怎么做吗?

Answer 1

创建一个方法将数据从allevents数组推送到calendarOptions.events数组。

methods: {
doTheThing() {
this.allevents.forEach(event => {
this.calendarOptions.events.push(event)
}
}
}