iview框架中文本类型的数据导出excel后以科学记数法显示的解决办法和序号导出空白问题

参考这个博文:https://blog.csdn.net/susiesun0506/article/details/78202862
项目中遇到问题:
1、导出的id是科学计数法显示的
2、页面上显示的序号,导出的excel里面是空白的

    //导出
    exportData(){
      // 增加序号,解决id科学计数法格式
      let newPage = JSON.parse(JSON.stringify(this.pageData))
      this.$refs.tables.exportCsv({
          filename: '报表分析',
          original : false,
          columns: this.shoppingColumns,
          data: newPage.map(k =>{
            k.deviceId = '="'+k.deviceId+'"'
            return k;
          })
      });

参考其他博文,可以解决id科学计数法的问题,又引发了另外一个问题就是点击导出按钮以后页面上会显示“=“id””,为了解决这个问题重新定义了一个数组,加了一个属性original。
第二个问题:页面序号ecxel里面空白问题

{
          key: "index",
          title: "序号",
          width: 100,
          align: "center"
        },

之前index的属性是type,给成key就行了
还有数据那地方修改 item.index = index + 1

阅读更多

没有更多推荐了,返回首页