微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Vue 实现树形视图数据功能

利用简单的树形视图实现,熟悉了组件的递归使用

这是模拟的树形图数据

rush:js;"> let all={ name:'all',children:{ A:{ name:'A',children:{ a1:{ name:'a1',children:{ a11:{ name:'a11',children:null },a12:{ name:'a12',children:null } } },a2:{ name:'a2',children:{ b21:{ name:'b21',children:null } } } } },B:{ name:'B',children:{ b1:{ name:'b1',children:{ b11:{ name:'b11',b12:{ name:'b12',b2:{ name:'b2',children:null } } } } } } }

代码如下

treelist.vue

rush:js;">