vue自定义tree树组件_vue自定义树形组件

组件内容

<template>
    <div class="tree-box">
    <div
      class="tree-box-content"
      v-for="nodeItem in data"
      :key="nodeItem.code"
    >
      <div class="notetitle">
        <span
          class="icon"
          @click="childClick(nodeItem)"
          v-if="nodeItem.children.length"
        >
            <i :class="nodeItem.open? 'el-icon-minus' : 'el-icon-plus'" />
        </span>
 
        <span @click="childClick(nodeItem)">
            <span class="text">{
  { nodeItem[title] }}</span>
        </span>
      </div>
      <div
        v-if="
          nodeItem.children && nodeItem.children.length > 0 && nodeItem.open
        "
      >
        <myTree
          :dat