- 博客(8)
- 资源 (2)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 基于vue2使用Fullcalendar实现工作日历
要求实现工作日历，以每月形式展示，而且要求不同工单根据类型可以自定义配置是否显示以及显示的颜色，比较世面上的日历插件，Fullcalendar插件比较好用的良心的可以创建日历日程管理的开源组件。本文只说明工作日历的简单显示，没有进行日程事件增删改等操作，如果需要请参考官方文档。vue框架下，fullcalendar被封装成了不同的版本，这里主要讨论。以上示例代码注释中已清楚讲述了各参数的具体含义 还有疑问可以参考官方文档。的用法，其他的实现效果并不好。
2024-09-10 11:07:36
1335
2
原创 vue-quill-editor富文本编辑器，设置只读/禁止编辑
<quill-editor ref="quillEditor" v-model="formData.content" @focus="focus($event)" //在焦点事件时候处理 :options="options"/>当用户点击富文本框输入框的时候，就会被设置为禁止编辑//获取焦点事件 focus(event){ event.enable(false); //设置富文本编辑器不可编辑 }...
2020-11-26 12:33:42
14991
1
原创 vue项目里修改vue-quill-editor中插入视频，用video标签替换iframe
项目场景：vue-quill-editor是常用的富文本编辑器插件，内置的video模块是使用iframe标签，但是目前遇到的问题的是竖屏的视频不能正确的展示，要设置iframe内的video宽高为100%才行，所以想要video标签来替换iframe。问题描述：视频控件不能完整展示,video标签的宽高设为100%之后也不能满足需求，查了资料之后决定采用video标签。解决方案：首先在vue工程目录下创建quill文件夹及文件：src/quill/video.jsimport { Quill
2020-11-24 15:04:28
5553
5
原创 vue中plop-templates自动创建项目文件
前言：现在的项目是用vue-element-admin模板进行二次开发，只保留了基本框架。突然发现目录中有个plop-template文件夹，之前没有注意过，也不清楚是用来做什么的。du娘告诉我原来是自动创建项目文件用的。1.之前创建新文件都是鼠标右键新建一个new文件，然后输入vue，选择生成一个最简单的模板，但是生命周期的钩子函数还是得自己输入。2.添加plop-template的方式①在项目跟目录下创建plopfile.js文件，添加如图代码const viewGenerator =
2020-11-24 12:02:45
3016
原创 vue项目中引用富文本编辑器vue-quill-editor
1.安装依赖npm install vue-quill-editor --save2.使用（1）引入import { quillEditor } from "vue-quill-editor";import { Quill } from "vue-quill-editor";import "quill/dist/quill.core.css"; // import stylesimport "quill/dist/quill.snow.css"; // for snow themeimport
2020-11-24 11:57:47
1171
原创 vue中实现音频播放进度条组件
vue中实现音频进度条前言scss部分逻辑部分前言业务需要，实现一个录音播放功能，可以拖动进度条，快进，快退，播放暂停。最终效果如下：<template> <div class="player"> <!-- 进度条 --> <div class="progress-wrapper"> <div class="progress-bar-wrapper"> <div class="progr
2020-06-15 16:03:23
5729
4
每日时间轴代码.rar
2019-07-16
用vuejs该怎么实现选择时间轴区间的功能
2019-07-16
CSS3-可以用css实现中间高亮 两边渐变透明的效果吗
2019-03-20
css3-怎么可以实现多个div背景叠加的效果
2019-03-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人