vue.js中用户点击浏览器预览本地pdf文件

软件开发中的示例的pdf文件,不怎么变，不需要通过接口来请求获取地址后才打开预览，直接放在前端文件下，当用户点击【预览】浏览器新开标签预览pdf文件。在vue.js中的实现方法。

第一步:把示例的pdf文件上传到项目根public/static/目录下(如果么有static自由创建，也可以改成其他任何名字)

第二步：html部分代码

<el-image class="tips-btn" :src="require('@/assets/reportcase.png')" @click="openPdf('./static/example-of-product-carbon-footprint-report.pdf')" />

第三步：js部分代码放在methods中

 openPdf(url) {
      window.open(url)
    },

大功告成。

-- EOF --

了念博客