FullCalendar添加＆＃34; undefined＆＃34;每个日期旁边

Question

我正在使用vue-fullcalendar这是FullCalendar库的包装器。我已经设置了日历并且工作正常，但是我很快就导入Scheduler，这是一个附加组件，它提供了FullCalendar功能来显示我得到的资源＆＃34; undefined＆＃34;在日历中的每个日期旁边（如图所示）。

我在stackoverflow上发现了两篇关于这个问题的文章：

1. jQuery fullCalendar displayed undefined on title - 我试图改变moment.js的顺序，但这并没有帮助。即使我没有给予moment.js，也会发生这个问题。
2. How to edit Title in Fullcalendar - 还尝试恢复旧版FullCalendar但未成功。

这是我正在使用的代码：

<template>
<div>
    <full-calendar
            ref="calendar"
            :events="events"
            :config="config"
    >
    </full-calendar>
</div>
</template>

<script>
  import * as moment from 'moment'
  import {FullCalendar} from 'vue-full-calendar'
  import 'fullcalendar/dist/fullcalendar.min.css'
  import 'fullcalendar-scheduler'
  import "fullcalendar-scheduler/dist/scheduler.min.css"

  export default {
    data() {
      return {
        config: {},

        events: [
          {
            id: 1,
            title: 'Title',
            start: moment().add(2, 'd').add(2, 'h'),
            end: moment().add(2, 'd').add(4, 'h'),
            resourceId: 'a'
          }
        ]
      }
    },

    methods: {},

    components: {
      FullCalendar
    }

  }
</script>

Answer 1

将其添加到FullCalendar配置中，未定义的内容会从标题中剥离

viewRender: function(view, element) {
              $('.fc-center')[0].children[0].innerText = view.title.replace(new RegExp("undefined", 'g'), "");
          }

如果您使用vue更好地将*作为'jquery'中的$导入；