vue-fullcalendar使用教程

 时间:2024-10-13 21:40:16

1、安装,npm install vue-fullcalendar。DEMO,针对这个组件, 本人做了一个十分简单的 demo。进入到该项目后

vue-fullcalendar使用教程

2、然后打开浏览器, 输入 localhost:8080 ,你应该就能看到demo啦

vue-fullcalendar使用教程

3、使用,大致了解后肯定是使用的问题啦,你只需要把这个组件引入到你自己的vue项目中就可以自由使用啦,因为现在是比较初步的版本。

vue-fullcalendar使用教程

4、API,既然是组件,笔者自然预先定义了一些小属性。不过不用担心,都是基于VUE的

vue-fullcalendar使用教程

5、props,events 是该组件唯一接受的参数 用来表示该日历上的所有日程事件

vue-fullcalendar使用教程

6、title 自然就是事件的标题啦 ,会直接显示在日历上,start 事件的开始日期 必填哦

vue-fullcalendar使用教程

7、end 事件的结束日期, 没填就默认是开始日期。YOUR_DATA 你自己定义的一些数据变量名随意 ,在后续都会被vue的广播事件传递

vue-fullcalendar使用教程
  • 蚂蚁庄园公鸡答案是什么
  • LG WD-N80105洗衣机使用说明书:[2]
  • 怎么快速消除脸部浮肿-眼部水肿
  • 浅谈X2安规电容器的三种电路用途介绍
  • 北京市小规模室内装修消防安全备案方法
  • 热门搜索
    西安自驾游攻略 亚历山大大帝简介 半条命2攻略 梦幻西游凌波城怎么样 重生军嫂攻略 消消乐攻略 眼角皱纹怎么去除 扶桑花怎么养 鼻塞怎么通 电力猫怎么用