vue项目中vue-fullcalendar的使用（行程日历）

vue-fullcalendar 行程日历插件的使用 (没有灵魂式的记录)

1.首先npm下载 vue1或者vue2

// for Vue2

npm install vue-fullcalendar@latest --save

// for Vue1

npm install vue-fullcalendar@0.1.11 --save

2.main.js中要引入

import FullCalendar from 'vue-fullcalendar'

Vue.use(FullCalendar)

3.模板中使用

<full-calendar :events="monthData" class="test-fc"

first-day='1' locale="fr"

@changeMonth="changeMonth" //改变月份触发的事件

@eventClick="eventClick"

@dayClick="dayClick" //点击当天的日期触发的事件

@moreClick="moreClick" lang="zh" > //更多

</full-calendar>

data () {

monthData:[

{

start: '行程开始的时间'，

end: '行程结束的时间，没写就是当天'，

title: '行程的内容'

{

}]，

methods: {

就是那些事件。。。。

}

然后呢就有效果了自己试试看吧

如果你想要英文的，请把lang = ''zh'' 改成 lang = '' en ''

vue项目中vue-fullcalendar的使用（行程日历）相关推荐

Vue项目中created生命周期重复执行，未缓存下来
Vue项目中.vue文件的created函数进行路由切换时,执行了多次. 路由切换跳转时,发现一个页面的接口和页面展示每次进入都重新请求以及渲染,没有缓存下来,对比了一下的其它页面,并没有这个问题,所 ...
canvas java 上传截图_在Vue项目中使用html2canvas生成页面截图并上传
使用方法项目中引入 npm install html2canvas html代码 //html代码 js代码 // 引入html2canvas import html2canvas from 'ht ...
如何在Vue项目中使用vw实现移动端适配(转)
有关于移动端的适配布局一直以来都是众说纷纭,对应的解决方案也是有很多种.在<使用Flexible实现手淘H5页面的终端适配>提出了Flexible的布局方案,随着viewport单位越来越 ...
vue项目中keep-alive的使用，从详情页返回列表时保存浏览位置
背景描述: 最近在做移动端前端项目中,需要实现以下场景: 1.在页面查询列表,进入详情页时,返回需要页面返回到上次浏览的位置 2.由于查询列表获取的数据可能会短时间改变,如果前端长时间缓存数据,并不符 ...
实战：vue项目中导入swiper插件
版本选择 swiper是个常用的插件,现在已经迭代到了第四代:swiper4. 常用的版本是swiper3和swiper4,我选择的是swiper3. 安装安装swiper3的最新版本3.4.2: ...
vue ajax highcharts,在vue项目中引入highcharts图表的方法(详解)
npm进行highchars的导入,导入完成后就可以进行highchars的可视化组件开发了 npm install highcharts --save 1.components目录下新建一个char ...
VUE项目中使用this.$forceUpdate()；解决页面v-for中修改item属性值后页面v-if不改变的问题
VUE项目中使用this.$forceUpdate();解决页面v-for中修改item属性值后页面v-if不改变的问题参考文章: (1)VUE项目中使用this.$forceUpdate();解决 ...
在vue项目中：统一封装 Axios 接口与异常处理
在vue项目中:统一封装 Axios 接口与异常处理参考文章: (1)在vue项目中:统一封装 Axios 接口与异常处理 (2)https://www.cnblogs.com/itgezhu/p/ ...
vue php跨域,Vue 项目中遇到的跨域问题及解决方法(后台php)
问题描述前端 vue 框架,后台 php,百度跨域问题后台加这段代码 header("Access-Control-Allow-Origin: *"); 加了之后报这个错: Th ...

vue项目中vue-fullcalendar的使用（行程日历）

vue项目中vue-fullcalendar的使用（行程日历）相关推荐

最新文章

热门文章