企业微信内嵌应用点击预览打开pdf

还没想好叫啥~

已于 2023-03-22 09:21:59 修改

阅读量2.6k

点赞数 1

文章标签： vue.js pdf javascript

于 2022-11-25 14:03:55 首次发布

本文链接：https://blog.csdn.net/weixin_52613927/article/details/128034074

版权

要求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>