当前位置: 首页 > news >正文

el-table行列转换简单版,仅限单行数据

原始数据格式如下,如果不是此格式,请转换成以下格式在进行以下操作

[{ label: 'name', value: 'Tom' },{ label: 'age', value: 25 },{ label: 'country', value: 'UK' }
]

代码如下

<template><el-table :data="tableData" style="width: 100%"><el-table-column label="Attribute" prop="attribute" /><el-table-column label="Value" prop="value" /></el-table>
</template><script>
export default {data() {// 原始数据const rawData = [{ label: 'name', value: 'Tom' },{ label: 'age', value: 25 },{ label: 'country', value: 'UK' }];// 转换成符合表格展示的格式const tableData = rawData.map(item => ({attribute: item.label,value: item.value}));return { tableData };}
};
</script>

最终展示:
在这里插入图片描述

http://www.lryc.cn/news/515491.html

相关文章:

  • 2025年1月4日蜻蜓q旗舰版st完整开源·包含前后端所有源文件·开源可商用可二开·优雅草科技·优雅草kir|优雅草星星|优雅草银满|优雅草undefined
  • SQL把字符串按逗号分割成记录
  • C#设计模式(行为型模式):观察者模式
  • pytorch镜像源
  • Verilog语法之常用行为级语法
  • PADS Logic原理图中有很多页原理图,如何(怎样)删除其中一页或者多页
  • 蓝色简洁引导页网站源码
  • Apache PDFBox添加maven依赖,pdf转成图片
  • mybatis 和 mybatisPlus 兼容性问题
  • Mono里运行C#脚本23—mono_jit_exec
  • 第十一章 图论
  • 纯前端实现将pdf转为图片(插件pdfjs)
  • 【IT人物系列】之MySQL创始人
  • 在Typora中实现自动编号
  • Single Shot MultiBox Detector(SSD)
  • kafka生产者专题(原理+拦截器+序列化+分区+数据可靠+数据去重+事务)
  • 【React+TypeScript+DeepSeek】穿越时空对话机
  • 公共数据授权运营系统建设手册(附下载)
  • 基于HTML和CSS的旅游小程序
  • maven之插件调试
  • SQL Sever 数据库损坏,只有.mdf文件,如何恢复?
  • 【AWS SDK PHP】This operation requests `sigv4a` auth schemes 问题处理
  • primevue的<Menu>组件
  • 利用Deeplearning4j进行 图像识别
  • 练习题:37
  • Unity热更文件比较工具类
  • 【hustoj注意事项】函数返回值问题
  • 实现一个通用的树形结构构建工具
  • 数势科技:解锁数据分析 Agent 的智能密码(14/30)
  • 机器学习之过采样和下采样调整不均衡样本的逻辑回归模型