el-table中行数据字段显示html

html:

<el-table-column
        label="案件编号"
        align="center"
        prop="caseNumber"
        :formatter="caseNumberFormatter"
        show-overflow-tooltip
      >
      </el-table-column>

　　

 

 

js: 

 

caseNumberFormatter(row) {
      switch (row.confirmBy) {
        case "1":
          localStorage.setItem('signValue', 3)
          return (
            <span class="notRead" style="margin-left: 10px">
              {row.caseNumber}
            </span>
          );
        default:
          return <span style="margin-left: 10px">{row.caseNumber}</span>;
      }
    },

　　

 

就可以插入html片段了

 

显示结果：