vue-pdf预览中文显示方块

Vue-PDF是一个用于在Vue.js应用中嵌入PDF文件的库。如果你遇到在其中预览中文时显示方块的问题，这通常是因为字体不匹配或者缺少支持中文字符的字体。解决这个问题的步骤如下：

1. **安装必要的字体**：确保你的项目包含了能够渲染中文的字体，如`SimHei`、`Microsoft YaHei`等。你可以从网络上下载并将其添加到项目资源文件夹，或者将它们作为npm包引入。

2. **配置字体**：在Vue-PDF初始化时，需要设置正确的默认字体或自定义字体映射。例如，在`vue-pdf.vue`组件的`mounted()`钩子里，可以尝试这样的设置：

   import { PDFViewer } from 'vue-pdf';
   
   Vue.component('pdf-viewer', PDFViewer.extend({
     data() {
       return {
         pdfUrl: 'your-pdf-url',
       };
     },
     mounted() {
       this.$refs.pdfViewer.loadDoc().then(() => {
         // 设置默认字体，适用于全局
         this.$refs.pdfViewer.api.setDocumentFont('/path/to/font.ttf');
         // 或者针对特定元素设置
         const element = document.getElementById('your-pdf-container');
         element.style.fontFamily = '"your-font-name", sans-serif';
       });
     },
   }));

3. **检查编码**：确保PDF文档本身的编码是UTF-8或其他支持中文的编码格式。如果不是，你需要转换或编辑PDF来正确指定字符集。

4. **浏览器兼容性**：某些老旧的浏览器可能对CSS字体的支持不足，你可以在项目入口处添加一些条件判断，使用polyfill来增强兼容性。

如果以上步骤都做了，问题仍然存在，可能是PDF文档本身就有问题或者PDF服务提供商限制了字体的访问。