vue 本地引入日历插件vue-fullcalendar

一般使用日历插件vue-fullcalendar都会修改插件的源码,为了防止 npm install 覆盖掉日历插件vue-fullcalendar的内容,在本地引入(不是全局引入)。

1.npm install vue-fullcalendar 下载插件,只引用node_modules/vue-fullcalendar/src文件夹,改名为vue-fullcalendar 可放到src下,只要引用得到的位置,相当于写好的vue组件。(我的路径 src>components>vue-fullcalendar)

vue 本地引入日历插件vue-fullcalendar_第1张图片

2.引用日历的组件,在需要的用到日历组件的文件引入

vue 本地引入日历插件vue-fullcalendar_第2张图片
vue 本地引入日历插件vue-fullcalendar_第3张图片

3.结合功能需求自己修改事件触发

vue 本地引入日历插件vue-fullcalendar_第4张图片
vue 本地引入日历插件vue-fullcalendar_第5张图片

你可能感兴趣的:(vue)