欢迎来到代码驿站!

vue

当前位置:首页 > 网页前端 > vue

vue中如何使用embed标签PDF预览

时间:2022-06-06 09:31:40|栏目:vue|点击:

使用embed标签PDF预览

embed的四个属性

	<el-row type="flex" class="row-bg" justify="space-between">
	  <el-col :span="12">
	    <embed
               :src='srcSourceLan'
               type="application/pdf"
               width="90%"
               height="700px;"
	    />					  	
	  </el-col>
	  <el-col :span="12">
	    <embed
               :src="srcTargetLan"
               type="application/pdf"
               width="90%"
               height="700px;"
	    />					  	
	  </el-col>
	</el-row>

srcSourceLan和srcTargetLan是请求接口返回的url 

预览效果:

使用vue-pdf预览开发正常,打包报错work.js404

解决方式

修改依赖文件node_modules下worker-loader里的index.js文件里路径

代码如下(示例):

 const filename = _loaderUtils2.default.interpolateName(this, options.name || 'static/js/[hash].worker.js', {
    context: options.context || this.rootContext || this.options.context,
    regExp: options.regExp
  });

上一篇:使用vue3+TS实现简易组件库的全过程

栏    目:vue

下一篇:Vuex实现记事本功能

本文标题:vue中如何使用embed标签PDF预览

本文地址:http://www.codeinn.net/misctech/203881.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有