- 博客(12)
- 收藏
- 关注
RSS订阅原创 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
301
原创 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
3211
1
原创 ES6---自动补零方法 - padStart()，padEnd()
在进行业务逻辑开发的时候，有的时候需要用到不零的操作，例如倒计时，时间格式化等等。传统的补零方式都是用函数，例如：/** * [num 字符串] * [n 长度] */function PrefixInteger(num, n) { return (Array(n).join(0) + num).slice(-n);}console.log(PrefixInteger(6,3...
2019-07-12 14:07:34
4851
原创 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
191
原创 vue-full-calendar修改侧栏时间间隔slotDuration【亲测有效】
做项目遇到一个需求，使用vue-full-calendar来做排版表，其中有一个就是要修改侧栏的时间间隔，例如：30分钟的时间间隔，改成10分钟等。解决方式：1、销毁后，重新创建$('#mycalendar').fullCalendar('destroy');$('#mycalendar').fullCalendar(calendarOptions);这种销毁后重新创建的方式也是可以做...
2019-07-01 15:05:54
3295
3
原创 element-ui简单方法实现自定义表头(render-header)
由于项目需要，使用element-ui来渲染的表头已经不能够满足需要，想过使用:show-header=“false” 将表头隐藏来实现自定义，但是需要用到它的排序，就用不了，最后发现element-ui已经有对应的API提供给我们，那就是 render-header。具体使用方法：在对应的 添加render-header属性：示例：<el-table-column :label="C...
2019-07-01 10:36:08
12235
原创 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
1296
1
原创 vue-full-calendar参数配置问题
在使用这个框架的时候，发现有很多版本的配置都是老版本，在最新的版本上配置没有效果，一直没有找到解决办法，想到了看源文件的配置，可以找到对应的参数配置。源文件配置地址：https://github.com/fullcalendar/fullcalendar-vue在这里的找到 src :找到fullcalendar-options.js 就是具体的配置文件：里面的 PROP_DEFS...
2019-06-28 10:26:27
3112
原创 vue-full-calendar的使用方法【亲测】
由于项目需要，所以要用到一个vue-full-calendar的这个插件，今天弄了一天，测试了很多，踩了不少的坑。做个简单的记录。首先要注意插件的使用，需要安装的插件是：vue-full-calendar 而不是 vue-fullcalendar 也不是 calendar，因为我以为vue-fullcalendar和vue-full-calendar是一样的，虽然也能显示，但是具体的配置和vue...
2019-06-27 15:15:42
9778
6
原创 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
1619
2
原创 VUE使用ckeditor的方法步骤
在开发网站项目的时候，要用到一个富文本编辑器，都说Tinymce编辑器好用，但是安装了几次，不是语言包的错误，就是皮肤的错误，好不容易解决了，有显示不出来，还布局出问题，折腾了一天多，就果断放弃，使用ckeditor富文本编辑器，十分钟就搞定，没有太多的坑，推荐使用。具体使用方法：官网：https://ckeditor.com/ckeditor-5/1、安装：有四种版本，选择 documen...
2019-06-18 16:05:29
2730
原创 elementui输入框带下拉搜索功能
在用elementui做后台后台功能的时候，遇到一个功能需求：要求输入框带下拉的功能，最主要的是这个下拉还要能够自定义模板，弄了半天，终于做好了，做个简单的记录。实现思路：利用elementui的popover属性可以实现输入框，带下拉做搜索，具体代码：<template> <div class="contentpanel-layout"> <div ...
2019-06-10 15:47:31
12244
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人