vue-pdf 通过URL可以加载 createloadingtask返回的数据吗
时间: 2024-03-13 12:42:37 浏览: 88
可以的。createLoadingTask 方法返回的是一个 Promise 对象,其 resolve 函数的参数是一个包含 PDF 数据的 TypedArray 对象。可以将此 TypedArray 对象传递给 vue-pdf 组件的 source 属性,以通过 URL 加载 PDF 数据。示例代码如下:
```javascript
import { createLoadingTask } from 'pdfjs-dist';
import VuePdf from 'vue-pdf';
// 创建加载 PDF 数据的 Promise 对象
const loadingTask = createLoadingTask('https://example.com/path/to/pdf');
// 等待加载完成
loadingTask.promise.then(typedArray => {
// 将 TypedArray 对象传递给 vue-pdf 组件的 source 属性
new Vue({
el: '#app',
components: {
VuePdf,
},
template: '<vue-pdf :source="typedArray"></vue-pdf>',
data() {
return {
typedArray,
};
},
});
});
```
在上面的示例中,我们使用 `createLoadingTask` 方法创建了一个加载 PDF 数据的 Promise 对象,然后等待加载完成。一旦加载完成,我们将 TypedArray 对象存储在 Vue 实例的 data 中,并将其传递给 vue-pdf 组件的 source 属性以进行显示。
阅读全文