第一我们要自己写一个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有他自己的属性 自动会进行渲染即可
<TablerowKey={(record) => `${record.id}-${record.id}`}columns={columns}pagination={{position: ['bottomCenter'],defaultPageSize: '5',showSizeChanger: true,showQuickJumper: true,pageSizeOptions: [5, 10, 15, 20]}}style={{ 'paddingTop': '30px' }}borderedonRow={(record) => {return {onClick: () => { information(record) }, // 点击行};}}dataSource={list}/>