时间戳

首页 > 解决方案 > 将 pdfjslib 导入 vuejs 组件

vue.js - 将 pdfjslib 导入 vuejs 组件

问题描述

我想在电子/vuejs 应用程序中创建一个查看器 PDF 文件。

我需要使用 pdfjs 库。

为此，我安装了这个包："pdfjs-dist": "2.6.347"

在我的组件 vuejs 中，我尝试通过这样做来使用它：

import pdfjsLib from "pdfjs-dist/webpack";

这个导入指令似乎运行良好。但是如果开始这样使用：

created()
{
    pdfjsLib.getDocument()
}

我抛出这个错误：

Cannot read property 'getDocument' of undefined"

我尝试了很多技巧，但我没有找到在我的组件中使用这个库的任何解决方案。

有人有一个带有 pdfjslib 的 vuejs 项目来查看 pdf 吗？

标签： vue.jspdfjspdfjs-dist

解决方案

这似乎有效：

import("pdfjs-dist").then((pdfjsLib) => {
  pdfjsLib.getDocument();
});

它可以在内部使用created()或mounted()。我个人会在mounted.
工作演示在这里。

另请注意getDocument()，不带参数的调用似乎会触发一些 lib 错误（但这超出了当前问题的范围）：

Invalid parameter in getDocument, need either Uint8Array, string or a parameter object

推荐阅读