这两天打算在工程中加上fullcalendar,查了网上的文章和方案,对比之下还是使用老牌的日历控件fullcalendar
更快速一些。同时发现,网上介绍使用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
所有使用方法就可以一目了然,不用再再网上找教程和使用说明了。
以上总结,多看源代码,相信官方文档。不知道你是否赞同呢?
网友评论