如何使用Vue Js自定义全日历?

时间:2019-09-03 09:36:46

标签: laravel vue.js laravel-5 vuejs2 fullcalendar

问题:

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

我想做什么:

我想将默认视图设置为 month 。 但是,我可以使用JQuery来做,但是我想知道如何使用Vue-js来做同样的事情?

我的研究成果:

我的JQuery代码

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

我的Vue.js代码

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",
        }
      ]
    };
  }
};

如何通过Jquery代码使用Vue.js来实现相同的目的?

1 个答案:

答案 0 :(得分:1)

您可以尝试:exit

您应该在视图中看到以下内容:

defaultView: 'month'

<full-calendar :config="calendarConfig"/> 中,您需要设置配置:

data

注意

如果您使用的是data () { return { calendarConfig: { defaultView: 'month' } } } ,则可以check doc