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

server/2025/1/7 18:55:35/

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

[{ 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.ppmy.cn/server/156239.html

相关文章

探索光耦:光耦在风力发电中的应用——保障绿色能源的高效与安全

在全球能源结构加速向清洁、可再生方向转型的今天&#xff0c;风力发电作为一种绿色能源&#xff0c;已成为各国新能源发展的重要组成部分。然而&#xff0c;风力发电系统在复杂的环境中长时间运行&#xff0c;对系统的安全性、稳定性和抗干扰能力提出了极高要求。光耦&#xf…

ESP32学习--SPIFFS文件系统

文件系统SPIFFS学习 本次学习基于 storage/spiffsgen 例程 前言 在嵌入式系统的学习过程中&#xff0c;我们将越来越频繁的需要去和内存打交道&#xff0c;有的是外置存储&#xff0c;有的是内置的存储。当我们需要管理的内存越来越多的时候&#xff0c;再使用简单的地址读…

Spring Boot 3 配置大全系列 —— 如何配置用户的登录与认证?

学会这款 &#x1f525;全新设计的 Java 脚手架 &#xff0c;从此面试不再怕&#xff01; 升级 Spring Boot 3 配置讲解 —— 如何配置用户的登录与认证&#xff1f; 随着 Spring Boot 3 的发布&#xff0c;开发者迎来了许多新特性和改进&#xff0c;尤其是在安全性和用户认证…

题目解析与代码实现:You‘re Given a String

引言 本文将详细解读一道字符串处理题目 “You’re Given a String”&#xff0c;并用 Python 实现该题的解决方案&#xff0c;同时解析其核心算法逻辑。本文适合有一定基础的程序员&#xff0c;希望通过字符串算法提升能力的读者。 1. 题目描述 问题背景 题目给出了一个字符…

安卓11 SysteUI添加按钮以及下拉状态栏的色温调节按钮

最近客户想要做一个台灯产品&#xff0c;需要实现 串口调节台灯功能 &#xff0c;其中包括 亮度调节 色温调节 开关 三个功能 话不多说&#xff0c;贴代码 diff --git a/packages/SystemUI/AndroidManifest.xml b/packages/SystemUI/AndroidManifest.xml old mode 100644 new …

wireshark超简单简单抓取自己网站的https包解密

端口8007 ip.addr 222.125.231.1 &&tcp.srcport8007&&http 我这网站虽然是https加密协议但是是超文本协议还是http1 而不是http2有的则是http2 也可以输入&&tls过滤只看传输层 image.png image.png 解密办法 配置日志文件到环境变量&#xff0c;然后c…

联邦学习的 AI 大模型微调中,加性、选择性、重参数化和混合微调

联邦学习的 AI 大模型微调中,加性、选择性、重参数化和混合微调 在联邦学习的 AI 大模型微调中,加性、选择性、重参数化和混合微调是不同的操作方式,具体如下: 加性微调 定义与原理:加性微调是在原始模型的基础上添加额外的可训练参数来进行模型调整。这种方式不会改变原…

User Script Sandboxing作用 及 在iOS项目中获取GitCommitHash

User Script Sandboxing 设置为 NO 。这个设置控制了 Xcode 脚本的沙盒限制&#xff0c;默认情况下&#xff0c;Xcode 会将脚本放入沙盒环境中&#xff0c;限制其访问文件系统的权限&#xff0c;尤其是对某些目录&#xff08;例如项目文件夹之外的文件&#xff09;进行修改时&a…