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

html:

1
2
3
4
5
6
7
8
<el-table-column
        label="案件编号"
        align="center"
        prop="caseNumber"
        :formatter="caseNumberFormatter"
        show-overflow-tooltip
      >
      </el-table-column>

  

 

 

js: 

 

1
2
3
4
5
6
7
8
9
10
11
12
13
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片段了

 

显示结果:

 

posted @   每天都是鑫的媛  阅读(2138)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
点击右上角即可分享
微信分享提示