美文网首页
vue 数据导出为excl

vue 数据导出为excl

作者: Hasan_hs | 来源:发表于2021-09-14 14:57 被阅读0次

一、需要安装三个依赖:

npm install -S file-saver xlsx
npm install -D script-loader

二、项目中新建文件夹(文件名excel)

image.png
里面放置两个文件Blob.js和 Export2Excel.js。
下载链接:https://pan.baidu.com/s/1fjSFq-XMLKFG2qVhhjSzGA
提取码:bo09
复制这段内容后打开百度网盘手机App,操作更方便哦
三、公共js添加导出方法
export function export2Excel(columns,list){
    require.ensure([], () => {
//这里为文件路径
        const { export_json_to_excel } = require('../../excel/Export2Excel');
        let tHeader = []
        let filterVal = []
        columns.forEach(item =>{
            tHeader.push(item.title)
            filterVal.push(item.key)
        })
        const data = list.map(v => filterVal.map(j => v[j]))
        export_json_to_excel(tHeader, data, '数据列表');
    })
}

四、调用方法

//columns:[{title:'导出时对应的标题名',key:'字段名'}]
//exportList:[{}]包含字段名的数据
export2Excel(columns,exportList)

来源:https://www.cnblogs.com/wangdashi/p/9269129.html

相关文章

网友评论

      本文标题:vue 数据导出为excl

      本文链接:https://www.haomeiwen.com/subject/cwucgltx.html