Vue tree树状结构数据转扁平数据
//数据结构可参考饿了么UI treeData: [{ id: 1, label: 'Level one 1', type: 1, children: [{ id: 4, label: 'Level two 1-1', type: 2, children: [{ id: 9, label: 'Level three 1-1-1', type: 3 }, { id: 10, label: 'Level three 1-1-2', type: 3 }] }, { id: 11, label: 'Level three 1-2', type: 2, children: [{ id: 12, label: 'Level three 1-2-1', type: 3 }, { id: 13, label: 'Level three 1-2-2', type: 3 }, { id: 14, label: 'Level three 1-2-3', type: 3 }, { id: 15, label: 'Level three 1-2-4', type: 3 }] }] }]
//转结构(list就是你要转的树状数据) treeToList(list) { let res = [] for (const item of list) { const { children, ...i } = item if (children && children.length) { res = res.concat(this.treeToList(children)) } res.push(i) } return res } //查看数据是否转换成功 const treeList = this.treeToList(this.treeData) console.log('树状结构转扁平结构', treeList)
参考文档Vue tree树状结构数据转扁平数据_vue树形结构转化为平行结构-CSDN博客
(图片来源网络,侵删)
(图片来源网络,侵删)
文章版权声明:除非注明,否则均为主机测评原创文章,转载或复制请以超链接形式并注明出处。
还没有评论,来说两句吧...