美文网首页
vue中学习使用非jquery 下的fullcalendar 日

vue中学习使用非jquery 下的fullcalendar 日

作者: 天狼星1942 | 来源:发表于2020-01-18 12:57 被阅读0次

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

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

    以上总结,多看源代码,相信官方文档。不知道你是否赞同呢?

    相关文章

      网友评论

          本文标题:vue中学习使用非jquery 下的fullcalendar 日

          本文链接:https://www.haomeiwen.com/subject/kuykzctx.html