移动端封装tree树形结构渲染

子组件

<template>
  <div class="experTree">
    <ul v-for="(item, index) in data" :key="index">
      <li class="experTree_info anime_time active">
        <div class="experTree_bar" @click="onOpenHandler(item, index)">
          <img
            alt="Vue logo"
            src="../assets/logo.png"
            style="width: 20px"
            v-if="isHaschildren(item)"
          />
          <div v-if="!isHaschildren(item)"></div>
          <span> {
  { item[label] }} </span>
        </div>
      </li>
      <hello-world
        v-show="item['isActive']"
        v-if="isHaschildren(item)"
        :data="item[children]"
        :defaultProps="defaultProps"
      ></hello