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

Question

问题：

我在自定义完整日历视图时遇到问题。

我想做什么：

我想将默认视图设置为月份。 但是，我可以使用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",
}
]
};
}
};

我如何通过Vue.js代码实现我正在使用Jquery所做的相同事情？

Answer 1

你可以试试：defaultView: 'month'

您的视图中应该有这样的东西：

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

在您的data中，您需要设置配置：

data () {
return {
calendarConfig: {
defaultView: 'month'
}
}
}

注意

如果您正在使用v4则可以检查文档。