![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
昆明猫咪科技创始人
这个作者很懒,什么都没留下…
展开
-
vue-full-calendar修改侧栏时间间隔slotDuration【亲测有效】
做项目遇到一个需求,使用vue-full-calendar来做排版表,其中有一个就是要修改侧栏的时间间隔,例如:30分钟的时间间隔,改成10分钟等。解决方式:1、销毁后,重新创建$('#mycalendar').fullCalendar('destroy');$('#mycalendar').fullCalendar(calendarOptions);这种销毁后重新创建的方式也是可以做...原创 2019-07-01 15:05:54 · 3306 阅读 · 3 评论 -
VUE使用ckeditor的方法步骤
在开发网站项目的时候,要用到一个富文本编辑器,都说Tinymce编辑器好用,但是安装了几次,不是语言包的错误,就是皮肤的错误,好不容易解决了,有显示不出来,还布局出问题,折腾了一天多,就果断放弃,使用ckeditor富文本编辑器,十分钟就搞定,没有太多的坑,推荐使用。具体使用方法:官网:https://ckeditor.com/ckeditor-5/1、安装:有四种版本,选择 documen...原创 2019-06-18 16:05:29 · 2733 阅读 · 0 评论 -
ckeditor配置工具栏
使用ckeditor进行配置工具栏,具体参考:https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/configuration.html示例:ClassicEditor .create( document.querySelector( '#editor' ), { toolbar: [...原创 2019-06-18 16:39:58 · 1649 阅读 · 2 评论 -
vue-自定义组件使用v-model
是我们常用的双向绑定方法,如果在自定义组件中如何使用v-model进行双向绑定呢?首先我们必须要清除v-model绑定的原理如下:其实v-model的语法糖是这样包装而成的:<input :value="something" @:input="something = $event.target.value">而一个组件上使用时则会简化成这样子:<custom-in...原创 2019-07-02 13:41:41 · 192 阅读 · 0 评论 -
vue-full-calendar的使用方法【亲测】
由于项目需要,所以要用到一个vue-full-calendar的这个插件,今天弄了一天,测试了很多,踩了不少的坑。做个简单的记录。首先要注意插件的使用,需要安装的插件是:vue-full-calendar 而不是 vue-fullcalendar 也不是 calendar,因为我以为vue-fullcalendar和vue-full-calendar是一样的,虽然也能显示,但是具体的配置和vue...原创 2019-06-27 15:15:42 · 9785 阅读 · 6 评论 -
vue-full-calendar参数配置问题
在使用这个框架的时候,发现有很多版本的配置都是老版本,在最新的版本上配置没有效果,一直没有找到解决办法,想到了看源文件的配置,可以找到对应的参数配置。源文件配置地址:https://github.com/fullcalendar/fullcalendar-vue在这里的找到 src :找到fullcalendar-options.js 就是具体的配置文件:里面的 PROP_DEFS...原创 2019-06-28 10:26:27 · 3113 阅读 · 0 评论 -
vue-full-calendar解决slotMinutes问题【改为slotDuration 】
最近在用vue-full-calendar这个插件做日历历程,但是设置时间间隔slotMinutes没有用,最终发现是版本的问题,在v1版本使用的是slotMinutes,但是到了v2使用的就是slotDuration了,而且这里面的配置也发生了变化。在v1的配置是: slotMinutes:20,在v2的配置是:slotDuration:'00:20:00',这个配置在v1是用数字做配置...原创 2019-06-28 11:03:13 · 1303 阅读 · 1 评论 -
vue-full-calendar拖拽事件进行保存
在使用 vue-full-calendar 进行事件拖拽保存的时候,参考过很多例子,下面贴下我自己写的DEMO:<full-calendar ref="calendar" :events="getRows()" :config="config" class="test-fc" locale="fr" @event-selected="eventSelected" @day-click="d...原创 2019-07-15 20:30:40 · 3217 阅读 · 1 评论 -
vue结合ElementUI做table数据导出Excel
在项目的开发过程中,用的ElementUI做table数据渲染,其中数据导出Excel是经常会用到的,那该怎么做呢?vue结合ElementUI做table数据导出Excel的方法:第一步:安装依赖npm install --save xlsx file-saver插件的使用参考:https://github.com/SheetJS/js-xlsx https://github.co...原创 2019-07-19 11:05:47 · 303 阅读 · 0 评论