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

问题描述

我正在尝试将完整日历添加到我的 Nuxt 项目中。这是我的代码。

    <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>

我想将 allevents array 中的数据添加到 calenderOptions 对象 内的 events 数组。 谁能告诉我我该怎么做？

解决方法

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

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