起啥名呢啊 2022-03-21 15:06 采纳率: 46.2%
浏览 185
已结题

element ui 中table lable绑定问题

img


想实现的样子是这样的,在一个单元格内,添加两行.
用插槽的方法实现出来是这样的

img


  <el-table-column property="flow_status" label="端口信息">
            <template slot-scope="scope">
              <el-table border :data="scope.row.goodsList">
                <el-table-column prop="ip"></el-table-column>
              </el-table>
            </template>
          </el-table-column>
  tableData: [
        {
          name: "1号编码器",
          id: "862356569656154511",
          address: "电池容量过低",
          eqit_status: "在线",
          wendu: "41℃",
          flow_status: "正在推流",
          Recording_status: "正在录制",
          video_upload: "正在上传",
          dianchi: "67%",
          sd_rongliang: "45%",
          Equipment_par: "配置详情",
          Receiver: "u321021",
          operation: "...",
          lable: "网口1",
          goodsList: [
            {
              ip: "192.168.120.110",
            },
          ],
        },

ip可以绑定 但lable怎么从tableData中绑定上去呢?

  • 写回答

2条回答 默认 最新

  • 安照生 2022-03-21 15:47
    关注

    建议里面用 弹性布局-两个盒子 去分开,分别自定义背景颜色,不用el-table-colum,再用双括号取值

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 3月29日
  • 已采纳回答 3月21日
  • 创建了问题 3月21日

悬赏问题

  • ¥15 metadata提取的PDF元数据,如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误,如何解决?
  • ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
  • ¥15 c#逐行读取txt文本,但是每一行里面数据之间空格数量不同
  • ¥50 如何openEuler 22.03上安装配置drbd
  • ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
  • ¥15 无线连接树莓派,无法执行update,如何解决?(相关搜索:软件下载)
  • ¥15 Windows11, backspace, enter, space键失灵