当前位置: 首页 > news >正文

如果数据给的是树形 转好的树形结构并且是有两个二级children的话 该如何写?

第一我们要自己写一个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}/>

http://www.lryc.cn/news/344868.html

相关文章:

  • C++ 函数重载
  • 5. 分布式链路追踪TracingFilter改造增强设计
  • C++数据类型与表达式
  • 电脑ip地址设置成什么比较好
  • vue-element-template优化升级dart-sass、pnpm
  • Oracle拼接json字符串
  • 如何向Linux内核提交开源补丁?
  • python数据分析——pandas DataFrame基础知识2
  • TODESK远程开机的原理
  • 【c1】数据类型,运算符/循环,数组/指针,结构体,main参数,static/extern,typedef
  • word图片水印
  • kali安装及替换源
  • JSpdf,前端下载大量表格数据pdf文件,不创建dom
  • PHP关联数组[区别,组成,取值,遍历,函数]
  • JavaWeb--13Mybatis(2)
  • 如何远程控制另一部手机:远程控制使用方法
  • x64dbg中类似于*.exe+地址偏移
  • ICode国际青少年编程竞赛- Python-1级训练场-基础训练1
  • Baidu Comate智能编码助手
  • nginx自动部署-跨操作系统
  • 组合模式(结构型)
  • Pspice for TI学习
  • LoRA的原理简介
  • 安卓使用Fiddler抓包 2024
  • 【前端每日基础】day2 const var const的区别
  • 乡村振兴的文化旅游融合:整合乡村文化资源与旅游资源,发展文化旅游产业,提升美丽乡村的文化内涵和旅游吸引力
  • 力扣题目101:对称二叉树
  • struct和union大小计算规则
  • 数据库课程设计《基于Spring Boot + MyBatis + MySQL 实现Java医院药品管理系统》+源代码
  • 【每日力扣】98. 验证二叉搜索树 与 108. 将有序数组转换为二叉搜索树