效果图

1.pdf预览

原理：主要是利用pdfh5这个插件来完成的

使用方法：

1.页面需要有一个容器例子：

2.下载pdfh5插件

npm install pdfh5

(注意：webpack5之后不会下载polyfill 需要手动下载 所以引入pdfh5的时候会报错)

解决方案：下载 node-polyfill-webpack-plugin

npm install node-polyfill-webpack-plugin

之后再vue.config.js里面配置

// 头部引入

const NodePolyfillPlugin = require(‘node-polyfill-webpack-plugin’)

const { defineConfig } = require(‘@vue/cli-service’)

module.exports = defineConfig({

//…

conf