要求app内点击按钮直接打开pdf预览,不跳转浏览器,我觉得我都要把浏览器翻穿了,就是两个插件:
npm install vue-pdf@4.1.0
npm i --save pdfjs-dist@2.5.207
但是!我的项目用这两个插件一直报错:
ERROR in ./node_modules/pdfjs-dist/es5/build/pdf.worker.js (./node_modules/vue-pdf/node_modules/worker-loader/dist/cjs.js!./node_modules/pdfjs-dist/es5/build/pdf.worker.js)
一直是pdf.worker.js这个文件的错误,百度找的解决方法都试了一遍对我来说都没解决。后来就没用这个组件了,公司页面是嵌入到企业微信使用的,企业微信自带本身浏览器,使用el-link标签实现pdf预览:
<template>
<div id="mainF">
<button class="butt" @click="previewFile()">
<el-link :href="filepath" target="_blank" style="color:#fff" :underline="false">会议纪要</el-link>
</button>
</div>
</template>
<script>
export default {
data() {
return {
filepath:'http://storage.xuetangx.com/public_assets/xuetangx/PDF/PlayerAPI_v1.0.6.pdf'
}
},
methods:{
previewFile(){
console.log("点击预览")
}
}
}
</script>