這兩天打算在工程中加上fullcalendar,查了網上的文章和方案,對比之下還是使用老牌的日歷控件fullcalendar
更快速一些。同時發(fā)現,網上介紹使用fullcalendar的文章多為使用jequery,
以及在vue中引入jquery然后使用fullcalendar的文章。實際上在fullcalendar-vue項目中已經完成可以使用vue的配置方式來正確使用fullcalendar
下面是官網說明與地址:https://fullcalendar.io/docs/vue
官方說明:FullCalendar seamlessly integrates with the Vue JavaScript framework. It provides a component that exactly matches the functionality of FullCalendar’s standard API.
FullCalendar與Vue JavaScript框架無縫集成。它提供的組件與FullCalendar的標準API的功能完全匹配。
所以問題來了,官方聲稱完全兼容,但是其文檔都是 原來在jquery下的調用方式,那在vue中到底標簽中有哪些屬性可以用,哪些方法可以調用它的調用名稱是什么?
實際上網上沒有更多的展開,這里記錄一個方法,就是看 fullcalendar-vue的源代碼,該項目已經在github上面開源
地址是:
https://github.com/fullcalendar/fullcalendar-vue
打開源代碼可以看的目錄如下:

打開fullcalendar-options.js 文件 可以看的所有屬性的定義

好了如果熟悉vue組件封裝的你就應該,有一種找到寶藏的感覺,對的所有標簽的能支持的方法都在這里了。
那目如何用呢?
這時可以根據屬性名稱,再看官方文檔,比如 nowIndicator這個屬性

查官方文檔如下:

所有使用方法就可以一目了然,不用再再網上找教程和使用說明了。
以上總結,多看源代碼,相信官方文檔。不知道你是否贊同呢?