vue tree组件的实现

递归组件

一个简单的递归组件如下例所示：

tree.vue

<template>
    <ul class="child-node">
        <li class="vue-tree-item" v-for="(item, index) in treeDataList" :key="index">
            <div class="tree-node"
                :style="pLeft" @click="toggleChildren(item)">
               {
   {
   item.name}}
            </div>
            <exportTree
                v-if="item.children"
                :tree-data-list="item.children"
                :tree-index="treeIndex + 1"
                @toggleChildren="toggleChildren">
            </exportTree>
        </li>
    </ul>
</template>