vue中學習使用非jquery 下的fullcalendar 日歷的正確打開方式。

這兩天打算在工程中加上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

打開源代碼可以看的目錄如下:


image.png

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


image.png

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


image.png

查官方文檔如下:


image.png

所有使用方法就可以一目了然,不用再再網上找教程和使用說明了。

以上總結,多看源代碼,相信官方文檔。不知道你是否贊同呢?

?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容