vue-lunar-full-calendar的使用方法

最新推荐文章于 2024-08-16 07:59:41 发布

岩崎理奈

最新推荐文章于 2024-08-16 07:59:41 发布

阅读量6k

点赞数 3

分类专栏： vue笔记

本文链接：https://blog.csdn.net/qq_41874847/article/details/105735732

版权

本文介绍了如何使用vue-lunar-full-calendar组件。首先，展示组件的效果图，接着说明通过npm进行安装，然后在main.js中全局引入，并在具体页面中引入组件。详细步骤和更多配置可参照fullcalendar的官方文档。

摘要由CSDN通过智能技术生成

效果图

首先安装：

npm install --save vue-lunar-full-calendar

在main.js中全局引入：

import LunarFullCalendar from "vue-lunar-full-calendar";
Vue.use(LunarFullCalendar);

在需要用到的页面引入组件

data() {
        let self = this;
        return {
    events:[],
    config: {
            eventLimitText: '更多',
            lunarCalendar: true,//控制中文日历是否显示为真
             locale:'zh-cn',//中文
            eventColor: 'white',
            header: {
              left: 'prevYear,prev,ne