项目中需要对已上传得附件根据后台传回得url地址进行文件内容得预览读取并渲染。文件类型为pdf或word2种类型
1、word类型–.doc/.docx
安装插件:
npm i docx-preview@0.1.4
npm i jszip
2、pdf类型
npm install --save vue-pdf
3、页面中使用:
<template>
<div class="essential">
<div class="cont-ess">
<div class="educate">
<div class="title-ess" style="">
<span style="margin-right:10px;">|</span>
<span style="flex: 1;">目标责任书</span>
<div>
<el-button type="primary" plain size="small" @click="getFiles">重新上传</el-button>
</div>
</div>
<div class="opsing scroll-bar" v-loading="loading">
<!-- word类型 -->
<