JavaScript导出图片和数据到Excel

1、安装

npm install js-table2excel

2、代码

<template>
  <button @click="tableToExcel">导出</button>
</template>
  
<script>
import table2excel from "js-table2excel"
export default {
  data() {
    return {

    }
  },
  methods: {
    tableToExcel() {
        const column = [
            {
                title: 'Name', 
                key: 'name',
                type: 'text'
            },
            {
                title: 'Pic',
                key: 'pic',
                type: 'image',
                width: 80,
                height: 50
            }
        ]
        /** column数据的说明 */
        // 1.title为列名
        // 2.key为data数据每个对象对应的key
        // 3.若为图片格式, 需要加type为image的说明,并且可以设置图片的宽高
        const data = [
            {
                name: 'xiao',
                age: '18',
                pic: 'https://profile.csdnimg.cn/9/8/3/2_xiaoxiaojie12321'
            },
            {
                name: 'jie',
                age: '18',
                pic: 'https://profile.csdnimg.cn/9/8/3/2_xiaoxiaojie12321'
            }
        ]
        const excelName = 'boy'
        table2excel(column, data, excelName)
    }
  }
}
</script>

4、关于使用过程出现的一些问题

1. 注入数据的图片目前支持http和https格式，暂时不支持base64等其他格式
2. 打开Excel过程中会出现警告，点击继续即可
3. 目前不支持多个sheet