How to solve the problem of mouse error reporting when the element-ui table field data in vue is null?

use table, in element-ui in vue when a field data is null, an error will be reported when it passes through that line or the data console. The
code is for reference only.


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

Mar.13,2021

version 2.3.9 has fixed this issue. For more information, please see update log


has the blogger solved it? With the same problem? I didn't find the reason. Is there something wrong with some dependency?


I also encountered this problem. I don't know how to solve


I also encountered this problem. The landlord solved no


.

final solution:
packget.json 's "element-ui": "^ 2.3.7", change it to "element-ui": "^ 2.3.9", and re-install.

temporary solution at that time:

<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);
        
      },

official update:

Menu