vue 递归实现可折叠 树tree组件

父组件 selectTree.vue

<template>
  <div class="content">
    <expenseTypeTree
      @pickTreeItemFn="pickTreeItemFn"
      v-for="(item, index) in treeList"
      :key="index"
      :name="item.name"
      :treeItem="item"
      :depth="0"
    ></expenseTypeTree>
  </div>
</template>
<script>
import Tree from "./tree.vue";

export default {
  name: "selectTree",
  components: {
    Tree,
  },
  data() {
    return {
      treeList: [
        {
          name: "数据1",
          hasChild: true,
          id: 1,
          children: [
            {
              name: "数据1-1",
              hasChild: true,
              id: 2,
              children: [
                {
                  name: "数据1-1-1",
                  hasChild: false,
                  id: 3,
                },
              ],