vue-fullcalendar使用教程

2025-04-07 04:01:28

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使用教程
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢