javascript - VueJS 与 FullCalendar : load fullCalendar ONLY after linking scripts in index. html

Question

我想将 fullCalendar 加载到我的 Vue 组件中，但我收到错误消息“fullCalendar 不是一个函数”。好像我在 index.html 文件中加载的所有脚本都是在加载 Vue 组件之后加载的

在我的 index.html 文件中，我加载了 moment.min.js、jquery.min.js 和 fullcalendar.min.js。

在我的 Calendar.vue 中，我有

export default {

    mounted () {
        $('#calendar').fullCalendar({})
    }

}

$ 将不可用，除非我明确地执行“从 'jquery' 导入 $”，这表明 index.html 文件中的脚本在组件之后才会加载。

我该如何解决这个问题？

其他详细信息:我将 Webpack 与 https://github.com/vuejs-templates/webpack 提供的 VueJS 结合使用因此我使用了 VueJS npm 模块，而 jquery、moment 和 fullcalendar 库都来自 CDN，链接 self 的 index.html。

Answer 1

一个不错的解决方案是使用 vue-full-calendar https://www.npmjs.com/package/vue-full-calendar

如果我们不添加以下行来定义 jquery“$”，它会产生相同的行为:

window.jQuery = window.$ = require('jquery')