vue+file-saver+xlsx导出table表格为excel

步骤如下:

安装:
npm install file-saver xlsx --save-dev
cnpm install file-saver xlsx --save-dev //淘宝镜像

导入:
import FileSaver from 'file-save';
 
import XLSX from 'xlsx';

一 .在把这个功能封装成一个独立的组件




二.引用组件

//引入组件
import outTable from '@/components/outTable.vue'

//标签
 
//注册组件
export default {
  components: {
    outTable
  },
    data () {
    return {
      outTableData: {
        id: 'outTable',
        name: '交易数据'
      },
    }
  },
  }


你可能感兴趣的:(web前端,表格导出excel,vue)