vue项目预览excel表格（file-viewer插件）

file-viewer的插件github地址如下

点我

场景

我没有直接使用file-viewer，是按照网上搜来的方法，只使用了file-viewer的预览xlsx的功能，它里面还有预览ppt,pdf,图片等功能。

第一步：安装相关依赖包（exceljs,）

npm install exceljs --save
npm install '@handsontable/vue' --save
npm install handsontable --save
npm install 'handsontable/i18n' --save //这个依赖我没有下成功，不过也能正常运行

第二步：新建一个xlsxView的文件夹，将file-viewer里相关预览xlsx的代码放进去。

第三步：新窗口打开，在预览组件里引入并写逻辑

html部分

<template>
  <div>
    <div v-if="fileType === 'xlsx'" ref="output" />