vue项目 使用vue-pdf在线预览pdf文件

1、安装

npm install --save vue-pdf

2、pdf 页面显示

因项目需求 预览的是本地pdf文件
template标签代码：

js

注意：本地pdf我这边放在了public中

之前是在url中写了 /public/xxx.pdf，一直报错，还是显示未能加载PDF文档，但是已经出现了查看PDF的轮廓，但是路径好像也没有问题啊，最后才发现，*原来写在 /pubilc目录下的文件不需要加上 /public，直接在src中写/xxx.pdf即可

 url: "/today.pdf",

总结

这点是一个小问题，就是一个路径问题，但是也查了百度各种方法，最后解决的，所以下次还是要记住的。