完竣世界 -关注前端分享心得

    • 首页
    • 项目案例
      • uniapp案例
      • vue项目案例
      • 微信小程序案例
      • 数据大屏
      • webgl3D案例
    • UI设计
      • app设计
      • 后台设计
      • 数据大屏UI设计案例
      • 小程序ui设计
数据可视化大屏教程

vue导出PDF文件

html yekong 1年前 (2021-12-24) 785℃

安装依赖

npm i vue-to-pdf --save

main引入

import vueToPdf from 'vue-to-pdf';
 
Vue.use(vueToPdf);

html

<div id="exportPdf" ref="exportPdf"></div>
<input type="button" @click="printPdf">打印</input>

导出pdf

//导出(pdf)
savePdf(){
    this.$PDFSave(this.$refs.exportPdf, "我的文件");
},
喜欢 (0)
vue
vue高德地图 弹窗自定义点击事件 Vue mock线上接口
  • vue vite引入glsl文件
    vue vite引入glsl文件
  • vue3项目中同时保留多个版本echarts
    vue3项目中同时保留多个版本echarts
  • vue axios结合elment upload实现上传文件显示进度
    vue axios结合elment upload实现上传文件显示进度
  • vue3 vite 反向代理配置
    vue3 vite 反向代理配置
  • vue vite引入glsl文件
  • vue3项目中同时保留多个版本echarts
  • vue axios结合elment upload实现上传文件显示进度
  • vue3 vite 反向代理配置
  • 高德地图监听地图缩放
  • vue地图使用高德地图绘制区域轮廓代码实例
  • vue 高德地图使用district.search返回no_data
  • vue3 实现横向拖动滚动

联系方式

联系电话同微信:17331886870
微信

支付宝红包

分类

  • AE动画
  • app
  • app设计
  • CesiumJs
  • css
  • echarts
  • echarts地图
  • echarts折线图
  • Echarts柱状图
  • echarts气泡图
  • echarts雷达图
  • echarts饼状图
  • eggjs
  • electron
  • flutter
  • highcharts
  • html
  • java
  • js
  • Nginx
  • nodejs
  • ps
  • python
  • react
  • threejs
  • typescript
  • UI设计
  • uniapp
  • uniapp案例
  • uniapp模板
  • uniapp组件
  • uview
  • vue
  • vue组件
  • vue项目案例
  • web
  • webgl3D
  • wordpress
  • 代码段
  • 学习笔记
  • 小程序ui设计
  • 工具
  • 微信小程序
  • 微信小程序案例
  • 收集
  • 数据可视化大屏设计案例
  • 数据大屏
  • 数据大屏UI设计案例
  • 日常随想
  • 福利
  • 网站UI设计
  • 读书笔记
  • 资源
  • 软件UI设计
  • 项目案例

案例推荐

  • vue3 可视化数据大屏 数据综合应用分析平台内页
  • vue 数据大屏 数据驾驶舱
  • vue 项目开发 智慧农机平台
  • vue2 数据可视化大屏 - 固废全过程
  • 大屏项目 江西省农产品质量安全大数据智慧监管平台 vue html
  • vue 大屏页面 管控后台管理系统
  • vue 普通html 数据可视化大屏 智能制造大数据平台
  • vue 数据大屏 视频监控智能分析系统 案例展示
  • 重要目标预警与智慧分析系统 vue数据大屏
  • vue 大屏案例 智慧水务

近期文章

  • 数据可视化大屏常用字体整理
  • vue项目echarts效果实例整理
  • vue3 vite 数据可视化大屏教程
  • vue3 数据可视化大屏循环请求接口
  • 前端字体资源下载 字体传奇特战体 ziticqtezhanti
  • vue transition结合gsap实现动画效果实例
  • 数据可视化大屏设计-进口食品安全智慧监管决策大屏 千红
  • vue 占比动画进度条实例效果
  • echarts衡水市饶阳县地图添加柱状图实例代码
  • echarts衡水市安平县地图定义颜色代码演示
完竣世界 基于WordPress构建 © 2011-2020 托管于阿里云 & 七牛 冀ICP备11019094号
记录uniapp开发、vue开发、前端项目开发中遇到的问题笔记