第一我们要自己写一个children 并且张数据里面的所要渲染的二级进行赋值 赋给我们新建的children
以下是代码转树形赋值
organ().then(function (res) { console.log(res); // 成功回调 // setLists(res.data.data) res.data.data = res.data.data.map((obj) => ({ ...obj, // 复制当前对象的所有属性 children: [], // 添加一个空的 children 数组 })); for (let i = 0; i < res.data.data.length; i++) { res.data.data[i].children = res.data.data[i].project; for (let k = 0; k < res.data.data[i].children.length; k++) { res.data.data[i].children[k].account = res.data.data[i].children[k].title; setList(res.data.data) setIndexoff(res.data.data) } } // copyList.value = list.value; })
第一个封装的接口 第二个是赋值所有的数据,再将数据赋值到新的children里面就可以实现
最后将转好的children树形数据 再声明const 进行赋值 在表格中进行渲染 table有他自己的属性 自动会进行渲染即可
<Table rowKey={(record) => `${record.id}-${record.id}`} columns={columns} pagination={{ position: ['bottomCenter'], defaultPageSize: '5', showSizeChanger: true, showQuickJumper: true, pageSizeOptions: [5, 10, 15, 20] }} style={{ 'paddingTop': '30px' }} bordered onRow={(record) => { return { onClick: () => { information(record) }, // 点击行 }; }} dataSource={list} />