你在此地别动的博客

需求:在vue纯前端项目中实现pdf在线预览工具:需下载pdf.js(官网下载极慢，推荐先下着再看)实现步骤:一、下载并解压出pdf.js文件夹：解压后一级目录中有build 与 web 两个文件夹，最重要的是web中有一个已经写好的渲染pdf用的主页，一定不能少，如图：二、将build与web两个文件夹拖入vue项目中的static/pdf下，工程目录如图：三、此时我们在自己需要预览pdf的位置就可以添加一个iframe标签并绑定url属性，如图最下方我添加了标签:你需要改的代码：&

export default class testController extends Vue { //设置路由 mounted(): void { //假设数据里有两个画面 const idArray = ['son1', 'son2']; //获取当前router const router: any = this.$router; const routerArray: Array<any> = router.options.routes[0