swagLi的博客

日期插件只选择年月日时，开始时间结束时间的可选择范围限制包含小时的可选择范围，且不能相应插件本身在项目中其他地方的使用，仅限制当前页面的需求使用

一、最简单的使用方式引入官方echart.js即可<script src="js/echarts.js"></script>二、页面准备一个DOM容器 <div style="width:49%;height:450px;" id=“main”></div>三、主要代码部分 //1、 基于准备好的dom，初始化echarts实例 ...

一、日期选择<template> <el-date-picker v-model="configDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd" :editable="false" :picker-options="expireTimeOption" type="date" placeholder="选择日期">...

一、相信做管理后台的都会遇到这样需求、因为数据量太大下拉框数据采用滚动分页的方式同时支持搜索、多选/单选，下面是组件内容1、目录放在components/commom-scroll/index<template> <el-select v-model="activeValue" v-loadmore="loadMore" remote filterable :remote-method="remoteMethod" class="sc

vue实现版本控制自动提醒用户版本更新刷新页面

一、需求是点击发送按钮说话获取语音文件发送给后台、鼠标移除即发送，限制时长30s。

用来做图片放大预览效果，一般用于图片展示多的网站

elementUI动态生成表格，设置不同的单元格背景颜色

分片上传原理其原理其实就是在客户端将文件分割成多个小的分片，然后再将这些分片一片一片的上传给服务端，服务端拿到所有分片后再将这些分片合并起来还原成原来的文件。那服务端怎么知道我合并出来的文件是否和服务端上传的文件完全一样呢？这就需要用到文件的MD5值了。文件的MD5值就相当于是这个文件的“数字指纹”，只有当两个文件内容完全一样时，他们的MD5值才会一样。所以在上传文件前，客户端需要先计算出文件的MD5值，并且把这MD5值传递给服务端。服务端在合并出文件后，在计算合并出的文件的MD5值，与客户端传递过来

el-select结合el-tree做多选树下拉框选择器

总结web端融云音视频直播推流和拉流的实现方式

总结阿里云音视频通信推流和拉流Web端的实现方式

基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传插件

vue 支持pdf文件预览分页加载和下载功能

一、组件封装 components/progress.vue<template> <div class="process-father" :class="{'addGray':addGray}" > <div class="process-child" ref="processChild"> <p class="process-animate" :class="{'addGray':addGray}"></p> &

一、安装npm install better-scroll --save-dev二、组件引入import BScroll from 'better-scroll'三完整代码如下<templete> <div class="list" ref="wrapper"> <div class="bscroll-container"> <!-- 刷新提示信息 --> <div class="to

一、安装Waterfallnpm install vue-waterfall-plugin -s二、在组件中引入并使用<template> <div> <Waterfall ref="waterfall" :list="lotList" :gutter="13" backgroundColor="#ffffff" :breakpoints="{500: { rowPerView: 2,}}"> <temp

一、需要用的外部文件统一存放在utils文件夹内throttle.js 节流// 节流export const throttle = function (fn, delay) { let preTime = Date.now() return function () { const context = this const args = arguments const nowTime = Date.now() if (nowTime -

一、使用uni.request方法和promise进行封装，代码如下：let Promises = Promiseimport config from './config' //这是我存放接口api的文件const host = config.host; //这是获取域名Promises.prototype.finally = function(callback) { let P...

简介：因为公司项目涉及到充值功能所以做了支付宝、微信、银联的支付功能、支付宝和银联都是跳转第三方、微信通过后端返回的url绘制二维码（1）安装 npm install qrcodejs2（2）引入 import QRCode from ‘qrcodejs2’<template> <div> <el-radio-group v-model="payMode"> <el-radio :label="1">支付宝支

<templete> <div id="echart" style="width:400px;height:400px"></div></templete><script> export default({ data(){ return{ chartCircle:null, circleOption:{}, screenW

一.https.js文件import Axios from 'axios' import api from './api'import Vue from 'vue'import router from '../router'import cookle from '../store/cookle.js'var qs = require('qs');import { Message,L...

一、从官网下载我使用的是ck4下载地址 ： https://ckeditor.com/ckeditor-4/download/二、将解压好的自定义文件夹放到vue-cli搭好的public中三、这里需要在index.html引入ck的js代码四、创建ck 公用组件 我这里起名字ckEditor文件下的index.vue<template> <div> <textarea :id="id" name="content"></textarea&g

详细介绍vue组件之间包括父子组件、兄弟组件之间是如何传值的