Tree组件使用作用域插槽

https://jsfiddle.net/Ayers/w089unqx/2/

tree最下面一级渲染插槽的内容,并将最下面一级的数据通过作用域插槽的方式传递到插槽内。
现不知道为什么最下面一级应该传递的数据是整个第一级的数据

通过给递归组件内部再套一层作用域插槽的形式完成了这恶需求。:rofl:

 <template>
 <div>
  <div v-for="item in data" :key="item.name" :style="{marginLeft: (lv * 10) + 'px'}">
  <div>{{ lv }} : {{ item.name }}</div>
  <template v-if="item.children">
    <tree-view :data="item.children" :lv="lv + 1">
      <template v-slot="props">
        <slot v-bind="props"></slot>
      </template>
    </tree-view>
  </template>
  <template v-else>
    <slot :info="item"></slot>
  </template>
</div>