前端导出多级表头今天在技术交流群里面看到有人问到了这一块，我之前看过一些关于这样的代码，我就直接给他上了代码，自己又重新练习里一遍这是结合elementUI来写的一个表格。先看一下练习的是这样的效果首先还是要安装依赖npm install xlsx file-saver -Snpm install script-loader -S -D直接上代码1、需要一个Export2Excel.js文件/*

如何封装自己的组件相信有很多人在面试的时候都会被问到自己封装过什么组件（因为我就在面试的时候踩过这个坑），下面给大家说一下怎样封装怎么用这些组件1、为什么要封装组件呢？因为封装的组件会有很多页面用的到这个页面，需要用到的可以直接来引入使用，不用再每次再写一遍了，解决了代码冗余，这样更方便，也是我们的代码更有模块化。一、下面就是我封装的组件把封装好的组件放在components文件下二、引入和注册封

Vue使用video.js播放m3u8视频流有这样一需求，播放视频流功能，也就是监控视频，让后端吧视频流格式转换m3u8；刚开始赚了很多种格式的 都不太支持，比如flv，rtsp，rtmp等格式，这些格式都不太行（也许是我太菜了）。一、安装video.js依赖npm install --save-dev video.js1、HTML部分代码，先给video一个容器，给一个id<video i

vue刻度尺组件最近一个需求，做一个填写个人信息，填写身高和体重时需要用到刻度尺，就找到该组件的使用方法。先看一下最后效果1、安装依赖npm install cs-ruler2、在main.js中引入import CsRuler from "cs-ruler";Vue.use(CsRuler);3、在vue文件中使用<cs-ruler@post-NumValue="handleWeight"

vue刻度尺组件最近一个需求，做一个填写个人信息，填写身高和体重时需要用到刻度尺，就找到该组件的使用方法。先看一下最后效果1、安装依赖npm install cs-ruler2、在main.js中引入import CsRuler from "cs-ruler";Vue.use(CsRuler);3、在vue文件中使用<cs-ruler@post-NumValue="handleWeight"

vue移动端适配

第一步 ：下载MuMu模拟器下载地址：http://mumu.163.com/第二步 ： 配置模拟器端口以及abd路径，该路径在HBuilder安装目录中然后继续打开你的HBuilder编辑器，运行→运行到手机或模拟器→安卓模拟器端口配置第三步 ：配置系统变量在系统变量里面找path，新建添加刚才的adb路径第四步 ： 检验一下adb是否存在环境变量中这已经ok了第五步： 运行到MuMu模拟器中运

Vue项目按回车键进行搜索最近有一个需求，为了用户方便进行搜索数据的时候不想点击搜索按钮，想要在表单内输入完成之后直接按回车键进行搜索。根据vue+ElementUUi完成。下面直接上代码1、现在el-input里面添加这一行代码@keyup.enter.native="seachEnter"2、写seachEnter事件seachEnter(e) {var keyCode = window.ev

vue使用hightcharts韦恩图一、首先安装两个依赖npm install highcharts-vuenpm install highcharts --save二、在main.js中引入import HighchartsVue from "highcharts-vue";Vue.use(HighchartsVue);三、在组件里面调用<template><div clas

vue实现图片或文件下载功能今天一个需求就是实现图片下载功能，刚开始以为很简单没有什么逻辑可写，就以为调用后端接口就可以了，调用之后发现有问题，看来还是没有想象的那么简单1、要自己创建一个a标签，以下就是下载功能的实现这里是调用接口之后如果code=200时进行下载if (res.code == 200) {const link = document.createElement("a"); //自