Bootstrap

vue实现excel的导入导出

首先我们需要下载这几个依赖包

 1. npm install xlsx --save
 2. npm install -S file-saver
 3. npm i xlsx-style //这个是样式的包,如果你不需要调样式可以不下载

以下是我做的小案例

<template>
  <div>
    <div class="heider">
       <el-button type="primary" @click="exportExcel">导出模板</el-button>
    <label for="file">
      <div class="btn">导入Excel</div>
    </label>
    <input type="file" name="file" id="file" ref="file" @change="onChange" />
    </div>
    <el-table :data="tableData" border style="width: 100%">
      <el-table-column prop="date" label="日期" width="180"> </el-table-column>
      <el-table-column prop="name" label="姓名" width="180"> </el-table-column
;