遇到的问题:
- 表格的传过来的内容不固定
- 表格数据中每条数据的长度不同,key不固定,value不固定,内容不固定,长度
3.使用原生表格,导致内容错位。
<el-table :data="tableData">
<template v-for="(th, thIndex) in thArr" >
<el-table-column :key="thIndex" :label="th" :prop="th">
<template scope="scope">
{{ scope.row[th] }}
</template>
</el-table-column>
</template>
</el-table>
js
created () {
this.initData();
},
methods: {
async initData () {
let res = await 后端接口();
this.thArr = res.map(thEl => Object.keys(thEl))[0];
this.tableData = Array.isArray(res.data) &&res.data.length > 0 ? data : [];
}
}