Avue中的导出按钮功能

 

 在前端命令窗口运行：

npm install avue-plugin-excel --save

 在前端代码导入：

import $Excel from 'avue-plugin-excel'

在前端method方法中加入方法： 

let opt = {
  title: '文档标题',
  column: [{
    label: '表头',
    prop: 'header',
    children: [
      {
        label: '姓名',
        prop: 'name'
      }, {
        label: '年龄',
        prop: 'sex'
      }
    ]
  }],
  data: [{
    name:'张三',
    sex:12
  }]
}
$Excel.excel({
  title: opt.title,
  columns: opt.column,
  data: opt.data
});