vue横向树结构_vue树状结构（tree）

}.item{cursor:pointer;

}.bold{font-weight:bold;

}ul{padding-left:1em;line-height:1.5em;list-style-type:dot;

}

:class="{bold: isFolder}"@click="toggle"@dblclick="makeFolder">{ { item.name }}[{ { isOpen? '-':'+'}}]

class="item1"v-for="(child, index) in item.children":key="index":item="child"@make-folder="$emit('make-folder', $event)"@add-item="$emit('add-item', $event)"

>

+

(You can double click on an item to turn it into a folder.)

>

vartreeData=[

{ name:'hello'},

{ name:'wat'},

{

name:'child folder',

children: [

{

name:'chi