Laravel 如何使用Vue Js自定义fullcalendar？

问题：

我无法自定义完整日历视图

我想做什么：

我想将默认视图设置为月份。 但是，我可以使用

JQuery

来完成，但是我想知道如何使用

Vue js

来完成同样的事情

我的研究成果：

我的JQuery代码

$(document).ready(function() {
  $("#calendar").fullCalendar("changeView", "month");
});

export default {
  data() {
    return {
      eventSources: [
        {
          events(start, end, timezone, callback) {
            axios.get("http://localhost:8000/api/events").then(response => {
              callback(response.data.data);
            });
          },
          color: "yellow",
          textColor: "black",
        }
      ]
    };
  }
};

我的Vue.js代码

$(document).ready(function() {
  $("#calendar").fullCalendar("changeView", "month");
});

export default {
  data() {
    return {
      eventSources: [
        {
          events(start, end, timezone, callback) {
            axios.get("http://localhost:8000/api/events").then(response => {
              callback(response.data.data);
            });
          },
          color: "yellow",
          textColor: "black",
        }
      ]
    };
  }
};

---

如何通过

Vue.js

code使用

Jquery

实现我正在做的事情？

您可以尝试：

defaultView:'month'

你应该有这样的想法：

<full-calendar :config="calendarConfig"/>

注

---

如果您使用的是

v4

，您可以。

您可以尝试使用：

defaultView:'month'

你应该有这样的想法：

<full-calendar :config="calendarConfig"/>

注

---

如果您使用的是

v4

，您可以。

您能提供您使用完整日历组件的视图吗，我会为您解决这个问题。如果您准备升级到fullCalendar 4，那么与Vue的集成会变得更容易，因为有现成的组件：您能提供您使用完整日历组件的视图吗，我将为您解决这一问题。如果您准备升级到fullCalendar 4，那么与Vue的集成将变得更加容易，因为有现成的组件：