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

    • 首页
    • vue开发
    • vue组件
    • uniapp开发
    • echarts
    • css
    • 项目案例
    • 工具
    • UI设计

vue导出PDF文件

html yekong 5个月前 (12-24) 276℃

安装依赖

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 请求接口并计算属性组件模板 computed
    vue 请求接口并计算属性组件模板 computed
  • vue 添加弹窗组件封装包含接口请求
    vue 添加弹窗组件封装包含接口请求
  • vue base64图片上传到腾讯云cos
    vue base64图片上传到腾讯云cos
  • vue el-upload上传二次封装
    vue el-upload上传二次封装
  • vue 请求接口并计算属性组件模板 computed
  • vue 添加弹窗组件封装包含接口请求
  • vue base64图片上传到腾讯云cos
  • vue el-upload上传二次封装
  • vue 更换图标组件 图标选择组件
  • An error occurred in hook getInspectorState registered by plugin org.vuejs.vue2-internal
  • vue 的生命周期
  • vue 的各种修饰符以及作用

联系方式

点击这里给我发消息 微信
Echarts使用到的效果整理

近期文章

  • uniapp 微信小程序同意协议封装
  • vue 请求接口并计算属性组件模板 computed
  • uniapp uview 滑动显示删除按钮
  • uniapp 滑动实现删除
  • uniapp微信小程序 右下角按钮文字改为搜索
  • vue 添加弹窗组件封装包含接口请求
  • js vue base64文件转file
  • vue base64图片上传到腾讯云cos
  • js 将数据转换为字符串的另类方法
  • js 计算为什么0.1+0.2等于0.30000000000000004
  • js isNaN()函数与Number.isNaN()函数的区别
  • js 判断一个变量是不是NaN
  • uniapp 请求接口微信小程序码生成渲染记录
  • uniapp app 开启原生隐私政策提示框
  • uniapp app 开启原生隐私政策配置
  • vue el-upload上传二次封装
  • vue 更换图标组件 图标选择组件
  • An error occurred in hook getInspectorState registered by plugin org.vuejs.vue2-internal
  • vue 的生命周期
  • vue 的各种修饰符以及作用
  • vue watch巧用immediate属性
  • vue computed实现传参
  • vue hook方式使用定时器
  • vue 在keep-alive 使用定时 hook方式结束定时
  • vue 在keep-alive页面 使用定时 监听路由的方式
  • 组件使用keep-alive缓存,beforeDestroy和destroyed没有被触发
  • uniapp 对一个页面进行重构
  • css 增加一个模糊遮罩
  • 数据大屏设计案例 圣瞳工业安全智能感知平台 初晓
  • uniapp checkbox二次封装

分类

  • app
  • app设计
  • bar
  • css
  • echarts
  • eggjs
  • electron
  • flutter
  • highcharts
  • html
  • js
  • line
  • map
  • Nginx
  • nodejs
  • ps
  • python
  • radar
  • react
  • typescript
  • UI设计
  • uniapp
  • uniapp案例
  • uniapp模板
  • uniapp组件
  • uview
  • vue
  • vue
  • vue组件
  • web
  • webpack
  • wordpress
  • zhu
  • 代码段
  • 大屏
  • 大屏设计
  • 学习笔记
  • 小程序ui设计
  • 工具
  • 微信小程序
  • 微信小程序案例
  • 收集
  • 日常随想
  • 梦志
  • 气泡图
  • 福利
  • 项目案例
完竣世界 基于WordPress构建 © 2011-2020 托管于阿里云 & 七牛 冀ICP备11019094号
用于记录uniapp开发、vue开发、前端项目开发中遇到的问题笔记