sinat_41549289-CSDN博客

原创前端生成excel文件并下载

前端大多数的下载功能都是后端同事事先做好，前端直接调用接口（window.location.href='链接'）就可以实现下载的功能了，但是总会遇到项目太多忙不过来的时候,接口来的太慢这时候前端可以自己坐下载excel实现导出功能，求人不如求己！直接上代码：<template> <div> <el-button type="success" @click="exportTabe" >导出表格</e

2021-06-15 10:11:30 963 2

原创 vue测试环境、正式环境、本地环境 process.env.NODE_ENV

process.env.NODE_ENV 是什么？在node中，有全局变量process表示的是当前的node进程。process.env包含着关于系统环境的信息，但是process.env中并不存在NODE_ENV这个东西。NODE_ENV是一个用户自定义的变量，在webpack中它的用途是判断生产环境或开发环境。二、process.env.NODE_ENV该如何配置？修改路径步骤1：找到build.js 文件将process.env.NODE_ENV = 'production'注释

2021-05-18 18:04:38 3675 2

原创 vue-qr 二维码添加logo 下载单个二维码批量下载二维码并打包

使用 vue-qr 生成二维码并可以添加logo逻辑：1、下载二维码生成插件这里用的是qrcode2、下载二维码使用html2canvas(其实解释一个截图工具)将标签截图并下载下来3、如果是下载多个就是多生成多个二维码然后使用循环截下过个图片然后将图片放进压缩包里面 (JSZip)然后在进行下载下载： npm install --save qrcode引入： import vueQr from “vue-qr”注册： components: { vueQr}

2021-04-02 17:17:13 570 2

原创 vue，html5 使用video视频播放支持mp4 m3u8格式,移动端自动播放

vue，html5 使用video视频播放支持mp4 m3u8格式,移动端自动播放video是html5自带的标签可以在vue中直接使用，使用的方式也很简单//播放m3u8<video id="videoM3u8" class="vjs-tech" controls autoplay="autoplay" width="960" height="400"> <source src="http://ivi.bupt.edu.cn/hls/cctv1hd.m3u8" t

2021-03-22 16:37:43 2684

原创 vue axios请求本地json数据

请求本地的方式很多我是用了最简单的一种也是用于练习的。vue请求使用到的是axios这个下载代码：npm install axios然后引入到全局main.js文件里面然后写一个请求的jsop文件，我使用了最简单的方法写在了static静态文件里面；我在api录下写axios请求js文件请求的路径是你json文件的路径我在home这个页面使用到json数据我在home里面...

2019-08-02 18:37:32 713

原创 vue init webpack 报错 vue不是内部命令

vue脚手架入坑如果正常来说你安装了node.js 和 npm 环境也配置好后那么搭建vue的脚手架你只需要简单的几个步骤：npm install -g vue-cli (全局安装一起搭建过的可以不用)vue init webpack demo(这个是项目名)npm install (初始化这里会自动下载node_modules)然后就可以执行运行命令了npm run d...

2019-08-01 14:37:06 7708 3

原创 ECharts简单使用

<template> <div class="hello"> <chart ref="chart1" :options="orgOptions" :auto-resize="true"></chart> </div></template><script>export default { name: 'HelloWorld', data () { return { orgOptions: {}, } }, mounted() { th

2019-08-01 11:38:31 144

原创 vue中关于组件传值的三种方式：“props“ ,“$refs“,“$emit“

这里写自定义目录标题props新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入props这个一个单向传值的属...

2019-07-31 16:40:53 2290 1

提筆為青春