有很多人不了解vue-fullcalendar的使用,那么今天小编就在这里给大家分享一点我的小经验,希望可以给你们带来帮助。
方法/步骤
1
安装,npm install vue-fullcalendar。DEMO,针对这个组件, 本人做了一个十分简单的 demo。进入到该项目后
2
然后打开浏览器, 输入 localhost:8080 ,你应该就能看到demo啦
3
使用,大致了解后肯定是使用的问题啦,你只需要把这个组件引入到你自己的vue项目中就可以自由使用啦,因为现在是比较初步的版本。
4
API,既然是组件,笔者自然预先定义了一些小属性。不过不用担心,都是基于VUE的
5
props,events 是该组件唯一接受的参数 用来表示该日历上的所有日程事件
6
title 自然就是事件的标题啦 ,会直接显示在日历上,start 事件的开始日期 必填哦
7
end 事件的结束日期, 没填就默认是开始日期。YOUR_DATA 你自己定义的一些数据变量名随意 ,在后续都会被vue的广播事件传递
下一篇:vue中如何实现路由传参?