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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章