织梦网站建设实训总结,做网站要多,网站顶部下拉广告,appui设计图第一我们要自己写一个children 并且张数据里面的所要渲染的二级进行赋值 赋给我们新建的children
以下是代码转树形赋值 organ().then(function (res) {console.log(res); // 成功回调// setLists(res.data.data)res.data.data res.data.data.map((obj) ({...obj, // …第一我们要自己写一个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}/
