jspdf vxe-table 导出 pdf 文件，解决中文乱码问题

仰望.

已于 2022-01-26 22:18:23 修改

阅读量2.7k

点赞数 1

分类专栏： vxe-ui 文章标签： vue vxe-table jspdf export

于 2020-05-26 13:23:09 首次发布

本文链接：https://blog.csdn.net/abc26296/article/details/106354130

版权

本文介绍了如何在 vxe-table 中利用 jspdf 库解决导出 pdf 文件时的中文乱码问题。通过引入字体库，可以成功将表格内容以清晰的中文形式导出为 pdf。提供了一个在线运行的示例链接以供验证。

摘要由CSDN通过智能技术生成

vxe-table 导出 pdf 文件，解决中文乱码问题

解决 jspdf 无法支持中文问题；
将表格导出为 pdf 文件，默认是不支持中文的，会显示成乱码，可以通过使用字体库解决。

npm install xe-utils vxe-table vxe-table-plugin-export-pdf jspdf`

// ...
import VXETablePluginExportPDF from 'vxe-table-plugin-export-pdf'
// ...

VXETable.use(VXETablePluginExportPDF)

// 可以将字体库下载放到自己服务器中，替换下载路径
VXETablePluginExportPDF.setup({
  // 设置全局默认字体
  fontName: 'SourceHanSans-Normal',
  // 字体映射配置
  fonts: [
    {
      fontName: 'SourceHanSans-Normal',
      fontUrl: 'https://cdn.jsdelivr.net/npm/vxe-table-plugin-export-pdf/fonts/source-han-sans-normal.js' 
    }
  ]
})

字体库可以去 github 下载