原始数据格式如下,如果不是此格式,请转换成以下格式在进行以下操作
[{ 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>
最终展示: