Files

李杨 f045040c4d no message

Former-commit-id: 9fca090682b1097546633ada65d0dc4444b12977
Former-commit-id: ecf416d68d5e09ebde2dc7ebd6547006c7c27e8a
Former-commit-id: 2a5358c13dc72478a53d186371591b3d94d6d8d4

2018-02-12 18:05:37 +08:00

1.9 KiB

Raw Blame History

Vue.$export

本框架集成了数据导出功能，并包装成插件

注册插件

默认已经注册，可以直接使用

import pluginExport from '@/plugin/export'
Vue.use(pluginExport)

之后就可以在组件中使用 this.$export 来调用导出功能

Vue.$export.csv()

此方法将数据以 CSV 格式导出，并且返回一个 Promise 对象

使用

this.$export.csv({
  columns,
  data
})
  .then(data => {
    // ...可选回调
  })

参数

参数名	介绍	必选	值类型	默认值
columns	列	非	Array	空数组
data	行数据	非	Array	空数组
table	文件名	非	String	table
noHeader	不导出表头	非	Boolean	false
separator	数据分隔符	非	String	,
quoted	每项数据是否加引号	非	Boolean	false

示例

const columns = [
  {
    label: '姓名',
    prop: 'name'
  },
  {
    label: '年龄',
    prop: 'age'
  }
]
const data = [
  {
    name: 'lucy',
    age: 24
  },
  {
    name: 'bob',
    age: 26
  }
]
this.$export.csv({
  columns,
  data
})

Vue.$export.excel()

此方法将数据以 xlsx 格式导出，并且返回一个 Promise 对象

使用

this.$export.excel({
  columns,
  data
})
  .then(data => {
    // ...可选回调
  })

参数

参数名	介绍	必选	值类型	默认值
columns	列	非	Array	空数组
data	行数据	非	Array	空数组
table	文件名	非	String	table

示例

const columns = [
  {
    label: '姓名',
    prop: 'name'
  },
  {
    label: '年龄',
    prop: 'age'
  }
]
const data = [
  {
    name: 'lucy',
    age: 24
  },
  {
    name: 'bob',
    age: 26
  }
]
this.$export.excel({
  columns,
  data
})

Vue.$export.txt()

见导出文本演示页

1.9 KiB Raw Blame History