VUE element-ui之jspreadsheet-ce在线表格数据json序列化（excel数据同步为相应key：value，并过滤掉为空的数据，未输入的行）

步骤：

关于jexcel如何运行于vue中，前面的文章中有详细介绍
封装序列化excel方法：

getDetailsList(arr) {
      const arrKeys = ['key1', 'key2', 'key3', 'key4', 'key5', 'key6', 'key7', 'key8', 'key9']//序列后的key
      return arr.filter(el => el.filter(child => child).length > 0).map(itemArr => {//过滤结合遍历将key和value一一对应
        const obj = {}
        itemArr.forEach((el, ind) => {
          obj[arrKeys[ind]] = el
        })
        return obj
      })
    },

获取jexcel原始数据，调用方法：

const details = this.getDetailsList(this.options.data)
      console.log(`原始excel----`, this.options.data);
      console.log(`序列化后excel----`, details);

看效果：

可以看到key与value一一对应，且过滤掉为空的数据。