壹元二九-优快云博客

原创 a标签实现单文件和多文件下载

单文件下载单个的文件下载只需要使用a标签将文件目标放在href中，然后添加download属性。download 属性规定被下载的超链接目标。在a标签中必须设置 href 属性。该属性也可以设置一个值来规定下载文件的名称。所允许的值没有限制，浏览器将自动检测正确的文件扩展名并添加到文件 (.img, .pdf, .txt, .html, 等等)。<a href="文件目标" download="自定义下载文件的名称"></a>多文件下载（批量下载）一个按钮下载单文

2021-09-15 14:05:29 2096 2

原创 file-saver 实现文件下载

一、npm install file-saver --save -dev二、创建exportFile.js文件import FileSaver from "file-saver";export default class fileSave { /** * 导出Pdf文件 * @param {*} res 文件流 * @param {*} name 文件名 */ static getPdf(res, name) { let blob = new Blob

2021-08-16 16:09:44 4204 2

原创使用pdf.js 预览pdf文件（BASE64格式）前端

一、下载 pdf.js 官方文档二、解压后放到项目 public文件夹中，命名为pdfjs目录结构：三、修改pdfjs/web/viewer.html中代码1、在 pdfjs/web/viewer.html 中，将<script type="text/javascript" language="javascript"> var TITLE = window.fileName || localStorage.getItem("fileName");</scrip

2021-07-07 15:58:58 4316 2

原创使用 Print-js 实现打印、预览功能前端部分

一、传送门：官方文档、大神文档二、使用方式安装：npm install print-js --save引入：import print from 'print-js'直接使用：// base64格式let base64Data = res.dataprint({ printable: base64Data, type: 'pdf', base64: true })三、封装打印预览组件封装：<template> <div style="height:au

2021-07-07 10:04:45 4268

原创动态渲染el-table vue + element-ui

在工作中遇到过两种数据格式需要渲染成table，分为别一、<el-table border :data="table.column_data" size='small'> <el-table-column align="center" v-for="(item,index) in table.column_name" :key="index" :label="item"> <template slot-scope="scope">

2020-09-18 17:05:38 996

原创 echarts数据堆叠存在负值数据不正确问题解决方案

设置 stack 后，数据堆叠可显示阴影图，但数据同时存在正值和负值时，堆叠后负值会消失。解决方法：在数据中添加base值，实际值、下界值 +base ，y轴值 -base 即可。代码： let base = -this.data.reduce(function (min, val) { return Math.floor(Math.min(min, val.yhat_lower)); }, Infinity); yAxis: { axisLabel: {

2020-08-11 18:20:07 5379

原创 vue实现带拖拽功能的tab栏组件（awe-dnd）

最近项目中有一个需求，需要拖拽tab栏的顺序来实现tab栏对应内容数组的顺序改变，在现有ui库中没有找到，就自己开发了一个简单记录一下。两种常用的拖拽插件1、awe-dndgithub地址：https://github.com/hilongjw/vue-dragging2、vue-draggablegithub地址：https://github.com/SortableJS/Vue.Draggable通过使用过发现vue-draggable 只能实现tab栏列表拖拽，tab对应的内容顺序不能

2020-06-01 13:43:26 3507 1

原创解决iview 的Select下拉框选项在FormItem中错位的问题

前言：在使用iview的过程中，我遇到这样一个问题，在Form组件的FormItem中使用Select下拉框组件。但是当弹出框超过一屏需要滚动时，select的下拉选项会出现错位，留在页面中（下图1为正常，图2为滚动后，下拉选项错位留在页面中。）图1：图2：在分析组件代码后，发现 ivu-select-dropdown 中的top样式会碎页面滚动不断加大（图3所示）：图3：解决方案覆盖作者的原来样式，固定 ivu-select-dropdown 中 top值为33px，下拉选项就不会随页

2020-05-27 16:32:49 1012

原创如何在vue-cli3.0项目中使用ueditor上传图片并回显含token（vue+vue-ueditor-wrap）

如何在vue-cli3.0项目中使用ueditor上传图片并回显含token（vue+vue-ueditor-wrap）欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新...

2020-04-21 14:40:16 7535 6

weixin_41668951的博客