# 表格导出vue2

**Repository Path**: onlypeack/ms-excel-export-vue2

## Basic Information

- **Project Name**: 表格导出vue2
- **Description**: 表格按样式导出Vue2版
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: https://www.npmjs.com/package/ms-excel-export-vue2
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2022-03-22
- **Last Updated**: 2025-07-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ms-excel-export-vue2

一个基于 vue 的 PC 端表格导出组件，实现前端自主导出表格。

# Install

**step1**

```javascript
  npm i ms-excel-export-vue2
```
**step2**

```javascript
import exportTable from 'ms-excel-export-vue2'
Vue.use(exportTable)
```

**step3**

```javascript
this.$exportTable.export(
        [column ],// 表格数据
        { data }, // 表格每列标题
        "title",   // 导出文件名称 
        options //其他配置
      ).then(rs=>{
        //success method
      },rj=>{
        //error method
      });
```
# options

```javascript
{
  width:{ //固定某列宽度
    e:'1000px' //指定键名为e的列宽度为1000px
  }
}
```

# 演示

**导出自定义表格**
```javascript
 this.$exportTable.export(
   [
     {a: 1, b: 2, c: 3, d: 4, e: 5}, 
     {a: 1, b: 2, c: 3, d: 4, e: 5}, 
     {a: 1, b: 2, c: 3, d: 4, e: 5}, 
     {a: 1, b: 2, c: 3, d: 4, e: 5}
    ], 
    {a: '字段1', b: '字段2', c: '字段3', d: '字段4', e: '字段5'}, 
    '测试表').then(rs=>{
        //success method
    },rj=>{
        //error method
    });
```

**导出element表格**
```javascript
 this.$exportTable.coverElementUI(this.$refs['ele-table'],'表7').then(rs=>{
        //success method
    },rj=>{
        //error method
    });
```



# release

### v1.0.2
- 支持导出elementUI的表格

### v1.0.0

- 支持自定义表格文件名