花落微凉梦清幽的博客

**一、固定数据和已知合并行列数的合并**以下分别设置了合并一行和合并多个一行的的表格合并方法<template> <div> <el-table :data="tableData" :cell-style="cellStyle" :header-cell-style="{ color: 'red', borderColor: 'red' }" :span-method="arrySpanMore" border style="width: 100%"

echart使用文章：添加链接描述一、三角形图// 初始化图表二 initChart2_4() { var myChart = echarts.init(document.getElementById('chart2_4')) var option = { // 提示框组件 tooltip: {

根据官网的文档，要在一个html文件下使用layui里面的组件库其实很简单，但是在vue项目中使用该ui库却存在着很多坑，下面我们就详细讲解一下如何在vue-cli搭建的项目下使用layui1.第一个坑：vue项目中使用npm安装引入时报错（目前并没有找到引入的合适的方式，知道的可以留言探讨）在官网中我们可以看到他提到支持npm安装，但是当我们安装成功后，在main.js中引入时却报并不能...

在智慧城市发展迅速的今天，视频监控接入web平台的需求似乎成了不可或缺和潮流。博主准备对自己开发视频监控项目的经历做个记录，整理成一个系列的文章。 在前端发展迅速的今天，h5的出现让在web平台实现无插件播放似乎成了可能，但是video对于RTMP或者RTSP协议的视频流却无能为力，在这里向大家推荐一个播放器：LivePlayer，这是一家视频公司封装的一个播放器，可以免费使用...

最近因为浏览器更新了，使用好好的screenfull.js突然报错了：Failed to execute 'requestFullscreen' on 'Element': parameter 1 ('options') is not an object于是进入node_modules找到screenfull.js的模块，找到报错的地方， elem = elem || document....

在一次vue+element-ui后台管理系统的项目中，遇到这样一个问题，引入element-ui加载框后，loading会占满整个屏幕，虽然通过改变路由实现了局部刷新，但是loading的全屏刷新，让人看上去很是不爽，以为是全局刷新。再一个问题就是，一个页面中可能含有的多个请求，在拦截器汇总设置关闭loading后，会出现的问题就是，有些数据还是空的，但是loading框就已经关...

我们都知道，html中的video标签只能播放特定格式的视频，对这种视频流文件无能为力，而且网上的vue-video-player也只能播放特定格式的视频。要播放监控的实时视频，除了在浏览器的地址栏直接打开摄像头的地址（如：http://192.168.1.108,像大华和海康都可以给特定的http协议的接口），或者在vlc播放器中直接打开rtsp流的视频播放（下载vlc播放器，打开网络串流，输入...

树形结构的组件：&lt;template&gt; &lt;span class="tree-expand"&gt; &lt;span class="tree-label" v-show="DATA.isEdit"&gt; &lt;el-input class="edit" size="mini" autofocus v-model

一、vue下安装：npm install echarts --save局部引入：import echarts from 'echarts'创建echarts对象：var myChart = echarts.init(document.getElementById('right_piebox'))  注意：装图表的盒子必须设置宽高设置option，：myChart.setOptio...

使用js-xlsx库，前端读取Excel报表文件在实际开发中，经常会遇到导入Excel文件的需求，有的产品人想法更多，想要在前端直接判断文件内容格式是否正确，必填项是否已填写 依据HTML5的FileReader，可以使用新的API打开本地文件（参考这篇文章）FileReader.readAsBinaryString(Blob|File) FileReader.readAsTex...

第一步：安装三个依赖包npm install -S file-saver（生产依赖，则为-s）npm install -S xlsxnpm install -D script-loader （开发依赖，则为-d）第二步：引入三个文件：我们在src目录下新建一个文件夹，例如vendor，然后把：Blob.js和 Export2Excel.js两个文件（可以去网上找这两个文件）放在...

1. 先创建一个lang 文件夹,创建两个js文件en.js(英文), zh.js(中文), 另外创建一个index.js文件(用于)en.jszh.js(两者必须保持一致) 2. 在index.js 中引入vue和vue-i18n, 并注册vue-i18n 然后 引入en.js和zh.js两个文件 (1) element...

当我们开发网站或者APP时，遇到内容过多加载速度慢时，会导致用户打开页面有大量空白页，vue-content-loader正是解决这个问题的一个组件，使加载内容之前生成一个dom模板，提高用户体验。第一步：安装在控制台的项目路径下执行：npm install vue-content-loader --save第二步：引入使用&lt;template&gt; &lt;!--&l...

在登入页面，我们往往需要通过输入验证码才能进行登入，那我们下面就详讲一下在vue项目中如何配合element-ui实现这个功能第一步：自定义一个生产随机验证码的组件，其本质是使用canvas绘制，详细代码如下：&lt;template&gt; &lt;div class="s-canvas"&gt; &lt;canvas id="s-canvas" :width="conte...

本文简单介绍了怎样使用mock模拟数据请求，不多比比，直入主题：第一步：安装：在命令行中执行：npm install mockjs;或直接&lt;script src="http://mockjs.com/dist/mock.js"&gt;&lt;/script&gt;第二步：定义index.js文件我们新建一个mock文件夹，此文件夹中建一个index.js文件：mo...

在vue项目中使用动画其实有多种方式，可以使用vue中的过渡transition，可以使用animate动画与transition配合使用，也可以单独使用animate动画库（详情可见vue官网-过渡：过渡），下面我们开始介绍在vue中单独使用animate动画，其实也非常简单，两步就可以实现：第一步：安装：在命令行中执行：npm install animate.css --save第...

1. 在我们做的项目中可能会有全屏功能的需求，其实这个也比较简单实现，下面我们介绍以screenfull.js实现全屏功能，废话不多说，直接上代码。第一步：安装：在命令行中执行：npm install --save screenfull （注：因为这是生产依赖，所以执行--save）第二步：直接上代码：<template> <el-button ty...

svg是H5新增的一个标签，但是里面包含大量的属性，如果要我们自己用代码编写svg图标，复杂的难度很大，换个角度，我们可以自己画图然后在成svg代码；1.首先在百度搜索svg在线编辑器，在编辑器中可以画出自己想要的图标，然后再把图标导出为svg图片，把该图片拖入text编辑器就自动展示了svg代码，然后我们只需将这些代码放入dom标签中就OK了：&lt;template&gt; ...