鍍金池/ 問答/HTML/ vue中element-ui table 字段數(shù)據(jù)為null 時 鼠標(biāo)經(jīng)過報錯怎

vue中element-ui table 字段數(shù)據(jù)為null 時 鼠標(biāo)經(jīng)過報錯怎么解決？

vue中使用element-ui中的table，當(dāng)某個字段數(shù)據(jù)為null時，經(jīng)過該行或該數(shù)據(jù)控制臺會報錯。
代碼僅供參考。


let List = {loading:false,maxheight:400,data:[{OrgName:null}]}

<el-table
        v-loading="List.loading"
        ref="singleTableTRD"
        :data="List.data"
        border
        style="width: 100%; margin-top: 10px;"
        :max-height='List.maxheight'>
<el-table-column
            prop="OrgName"
            label="部門"
            width="180">
          </el-table-column>

報錯信息
element-ui報錯的代碼

回答
編輯回答
淚染裳

V2.3.9版本已修復(fù)了此問題。具體可以看更新日志

2017年7月24日 10:02
編輯回答
離夢

我也遇到了這個問題~，不知道如何解決

2017年2月9日 02:47
編輯回答
孤客

我也遇到了這個問題，樓主解決了沒有

2018年5月30日 02:55
編輯回答
無標(biāo)題

最終解決：
packget.json 的 "element-ui": "^2.3.7", 改成"element-ui": "^2.3.9"，重新 install。

當(dāng)時的臨時解決：

<el-table
@cell-mouse-enter = "cellMouseEnter">

cellMouseEnter(row, column, cell, event){
        console.log(arguments);
        // 判斷是否text-overflow, 如果是就顯示tooltip --->//官方報錯那里面的注釋
        var cellChild = event.target.querySelector('.cell');
        // console.log(cellChild.innerHTML==='');
        if(''===cellChild.innerHTML){
          cellChild.innerHTML = '&nbsp';
        }
        // range.cloneRange()
        // range.insertNode();
        // var range = document.createRange();
        // range.setStart(cellChild, 0);
        // range.setEnd(cellChild, 1);
        
      },

官方更新：
圖片描述

2018年2月25日 09:30
編輯回答
陌離殤

請問博主解決了嗎？遇到了同樣的問題？沒有找到原因，是不是某個依賴出問題了？

2017年7月1日 01:50