vue.js - jsPDF未定义
问题描述
我正在尝试将 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
. 没有任何效果。
任何想法 ?
解决方案
使用 CDN,jsPDF 对象可作为jspdf
全局可用的属性:
const { jsPDF } = jspdf
let print = () => {
const doc = new jsPDF()
}
推荐阅读
- c# - Entity Framework 5 将现有实体添加到嵌套集合
- java - 使用 java 进行证书链验证,检查吊销和 OCSP 状态
- c++ - 计算所有设置位的最快方法是什么?
- c# - 代码优先更新数据库错误“ApplicationDbContext”上下文已更改
- html - 有条件地在 HTML 表中插入一行(Angular)
- python - 使用 aiohttp 分离异步请求并保存
- javascript - 是否可以使用 Promise 连接字符串数组
回报承诺 在打字稿/javascript中? - c++ - 散列无序容器而不需要为该类型实现比较运算符
- python - VarScope 中设置reuse=True 或reuse=tf.AUTO_REUSE 是什么意思?
- css - 在 CSS 中的选项卡重叠上添加阴影