我正在嘗試將 jsPDF 與 Vue 一起使用，但我得到了一個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. 什么都行不通。
任何的想法 ？
uj5u.com熱心網友回復：
使用 CDN，jsPDF 物件jspdf可用作全域可用的屬性：
const { jsPDF } = jspdf
let print = () => {
const doc = new jsPDF()
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/346395.html