no message

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

static/markdownFiles/article/插件 - 导出.md

@@ -0,0 +1,127 @@
+# 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()
+
+见导出文本演示页