js树形结构html源码,js -- js之递归渲染树形结构

有些刚毕业的不大知道，到底如何写树菜单、无限层级渲染、以及如何用vue实现

vue如何实现先等下说

js里面的话，反正都是递归，但是直接说递归，可能会懵逼。

比如如何渲染呢。 我们先实现下js输入html。

var o = [

{

value: '我是一级',

children: [{value: '我是1.1'}]

},

{

value: '我是二级',

children: [{value: '我2.1'}, {value: '我2.2',children: [{value: '我是2.2.1'}] }]

},

]

var loop = (o) => {

return o.map(e => {

return e.children ?

`

${e.value}

• ${loop(e.children)}

`

: e.value

})

}

var html = loop(o).join('')

document.body.innerHTML = html

复制代码

跑下代码 长这样