如图用element表格组件的树形数据结构做了个列表展示,但是有几个问题
1、第二级和第三级的数据写死的能显示,但是后台获取数据这三级不在一张数据库表上,怎么让他一次性拿到全部数据,
2、row-key是什么东西。我的表里没有这一项该怎么办
3、这个组件好像改不了表头的内容,是否有其他更好的组件能代替,
贴一下写死的代码
<template>
<div>
<el-table
:data="tableData"
style="width: 100%;margin-bottom: 20px;"
row-key="id"
border
default-expand-all
:tree-props="{children: 'children',}">
<el-table-column
prop="date"
label="日期"
sortable
width="180">
</el-table-column>
<el-table-column
prop="name"
label="姓名"
sortable
width="180">
</el-table-column>
<el-table-column
prop="address"
label="地址">
</el-table-column>
</el-table>
</div>
</template>
<script>
export default {
name: "ce3",
data() {
return {
tableData: [
{
id: 1,
date: '2016-05-01',
name: '酒店一',
address: '上海市普陀区金沙江路 1519 弄',
children: [{
id: 2,
date: '2016-05-01',
name: '大床房',
address: '上海市普陀区金沙江路 1519 弄',
children: [{
id: 3,
date: '2016-05-01',
name: '有窗户',
address: '上海市普陀区金沙江路 1519 弄'
}, {
id: 3,
date: '2016-05-01',
name: '没窗户',
address: '上海市普陀区金沙江路 1519 弄'
}]
}]
},
],
}
},
}
</script>