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>
最终展示：
