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

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

版权声明:本文为weixin_52613927原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。