import { pdf } from 'vue-pdf'; //报错位置: mainTemplate.plugin("hash", function(hash) { hash.update("webworker"); hash.update("3"); hash.update(`${this.outputOptions.publicPath}`); hash.update(`${this.outputOptions.filename}`); hash.update(`${this.outputOptions.chunkFilename}`);...
import { pdf } from 'vue-pdf'; //报错位置: mainTemplate.plugin("hash", function(hash) { hash.update("webworker"); hash.update("3"); hash.update(`${this.outputOptions.publicPath}`); hash.update(`${this.outputOptions.filename}`); hash.update(`${this.outputOptions.chunkFilename}`);...
目前水平只会抄你的demo, pdf显示也是vue-pdf的代码, 大致是下面这样: <el-dialog title="打印" size="small" :visible.sync="dialogFormVisible"> <pdf ref="pdf" :src="pdfsrc"></pdf> <el-button @click="dialogFormVisible=false">取消</el-button> <el-button type="primary" @click="$refs....
1.首先2.8.335版本之前引入方式 import pdfJSfrom"pdfjs-dist"; import workerSrcfrom'pdfjs-dist/build/pdf.worker.entry'pdfJS.workerSrc=workerSrc;//或者使用import pdfJSfrom'pdfjs-dist/es5/build/pdf.js' 2. 2.8.335版本之后引入方式 //注意导入的写法import *asPdfJsfrom'pdfjs-dist/legacy/build/pdf...
最近做项目,遇到预览PDF这个功能,在网上找了找,大多推荐的是pdf.js,不过在Vue中还是想偷懒直接npm组件,最后找到了一个还不错的Vue-pdf 组件,GitHub地址:https://github.com/FranckFreiburger/vue-pdf#readme 不过一般GitHub上的注释比较简洁,所以这里把自己实际使用的过程总结了一下,下面贴代码 ...
Cannot GET /static/test.pdf本地引入pdf文件 启动项目的时候报错不能加载对应类型的文件 需要配置file-loader对相应的文件进行编译 再次启...
在vue-cli创建的项目里,需要引入一个本地的PDF文件,之前2.x版本是有static文件,现在3.x版本没有, 版本查看,也可以直接看你的项目目录,有public文件夹的基本都是新版了 一开始使用了import引入,页面报错 因为import引入会经过webpack编译,而PDF是二进制文件,解析不了,不能这样引入,vue有public文件,里面的文件是不...
这个错误是因为 TypeScript 无法找到pdfjs-dist模块的声明文件。解决这个问题的方法是: 安装@types/pdfjs-dist包 npm install@types/pdfjs-dist--save-dev 在tsconfig.json文件中添加以下代码: { "compilerOptions":{ //... "types":["node","@types/pdfjs-dist"] ...
这个错误是因为 TypeScript 无法找到pdfjs-dist模块的声明文件。解决这个问题的方法是: 安装@types/pdfjs-dist包 npm install@types/pdfjs-dist--save-dev 在tsconfig.json文件中添加以下代码: { "compilerOptions":{ //... "types":["node","@types/pdfjs-dist"] ...