文章/答案/技术大牛

发布

问未定义jsPDF
EN

Stack Overflow用户

提问于 2021-11-03 11:17:21

回答 1查看 96关注 0票数 0

我正在尝试对Vue使用jsPDF，但我得到了一个ReferenceError: jsPDF is not defined。请参阅以下代码片段：

let jsPrint = () => {
  const doc = new jsPDF()
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.4.0/jspdf.umd.min.js"></script>
  <button onclick="jsPrint()">
    print
  </button>

该脚本链接在head标记中：

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?= $site->title() ?> - <?= $page->title() ?></title>
    <link rel="stylesheet" href="<?= url('assets') ?>/css/style.css">

    <!--========== JSPDF ==========-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.4.0/jspdf.umd.min.js"></script>
    
    <!--========== VUE ==========-->
    <!-- development version, includes helpful console warnings -->
    <script src="<?= url('assets') ?>/js/libs/vue.js"></script>
    <script src="<?= url('assets') ?>/js/app.js" type="module" defer></script>
</head>

然后在组件中，我有一个应该在单击按钮时触发的方法：

exportSimple: function() {
            const doc = new jsPDF()
            // const target = document.querySelector('#dialog-export-content')
            // doc.html(target, {
            //     callback: function(doc) {
            //         doc.save()
            //     },
            //     x: 10,
            //     y: 10
            // })
            
        }

但是我抛出了一个错误。

我尝试了其他方法来链接库:本地，npm，其他资源，如jspdf.es.min.js。毫无办法。

有什么想法吗？

vue.js

jspdf

referenceerror

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-11-03 11:39:51

使用CDN，可以将jsPDF对象作为jspdf的属性提供，该属性可在全球范围内使用：

const { jsPDF } = jspdf
let print = () => {
  const doc = new jsPDF()
}

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/69823903

复制

相似问题

问未定义jsPDF
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问未定义jsPDFEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问未定义jsPDF
EN