vue预览本地pdf文件.
预览pdf
·
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
文章目录
前言
提示:这里可以添加本文要记录的大概内容:
例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。
提示:以下是本篇文章正文内容,下面案例可供参考
一、需求
点击对应社区,出现对应社区的pdf政策文件.
二、实现步骤
1.整理对应json文件存放在本地
2.编写界面和逻辑代码,代码对应界面的级联选择
3.把文件放入pbulic路径下的file文件下(这样的文件不会被打包编译,可以发到线上直接访问到,显示出来.放在src下被编译后就不能显示pdf了)
2.封装对应预览pdf的组件,由于项目特殊需要在浙政钉上运行,所以使用了vue-pdf和pdfh5插件.如果只是在浏览器上运行可直接用iframe
三、总结
整理json文件要整理好,路径要配对,。pdf的文件需要放在pubilc下,避免被build打包丑化,从而无法访问。pdf文件需要上传到服务器。
更多推荐
已为社区贡献2条内容
所有评论(0)