elementui excel导入导出

参考vue-admin-element的导入导出

导入

1：加载xlsx包

2：注册组件：引入vue-admin-element的UploadExcel 文件   src/components/UploadExcel/index.vue

3：在页面中引入组件，并传入两个属性 <upload-excel-component :on-success="handleSuccess" :before-upload="beforeUpload" />

methods: {
    beforeUpload(file) {
      const isLt1M = file.size / 1024 / 1024 < 1
      if (isLt1M) {
        return true
      }
      this.$message({
        message: 'Please do not upload files larger than 1m in size.',
        type: 'warning'
      })
      return false
    },
    handleSuccess({ results, header }) {
   //results 导入的数据 

//header 表格头
    }
  }

 

 

导出

1: 引入插件包  位于src/vendor/export2Excel中，采用的是按需引入的方式i