vue前端实现excel导出功能

1.安装vue-json-excel
2.main.js引入 

import JsonExcel from 'vue-json-excel'

Vue.component('downloadExcel',JsonExcel)
3.

 <download-excel :data='jsonData' :fields='jsonFields' name='数据统计列表'>导出

 </download-excel>

4.

export default {

 data() {

    return {

       jsonData:[{'id':1,'userName':'张三','age':18}],

      jsonFields:{'序号':'id','姓名':'userName','年龄':'age'},

}

}

}