手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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使用教程
© 手抄报圈