1. <el-tree
    2.   class="filter-tree mt-20"
    3.   show-checkbox
    4.   node-key="id"
    5.   accordion
    6.   :data="data"
    7.   :props="defaultProps"
    8.   default-expand-all
    9.   :filter-node-method="filterNode"
    10.   ref="tree"
    11. >
    12.   <span slot-scope="{ node, data }" class="slot-t-node">
    13.     <template>
    14.       <i
    15.         :class="{
    16.           'el-icon-s-home': !node.expanded,
    17.           'el-icon-s-home': node.expanded,
    18.           'el-icon-user-solid': data.type === 1
    19.         }"
    20.         style="color: #333333"
    21.       />
    22.       <span>{{ node.label }}</span>
    23.     </template>
    24.   </span>
    25. </el-tree>
    27. export default {
    28.   data() {
    29.     return {
    30.       defaultProps: {
    31.         children: 'children', // 将tree中的每项的 childrenList 映射为 children
    32.         label: 'label' // 将tree中的每项的 name 映射为 label
    33.       },
    34.       // 跟进人数据对象
    35.       data: [
    36.         {
    37.           id: 1,
    38.           label: '一级 1',
    39.           children: [
    40.             {
    41.               id: 4,
    42.               label: '二级 1-1',
    43.               type: 1,
    44.               children: [
    45.                 {
    46.                   id: 9,
    47.                   label: '三级 1-1-1'
    48.                 },
    49.                 {
    50.                   id: 10,
    51.                   label: '三级 1-1-2'
    52.                 }
    53.               ]
    54.             }
    55.           ]
    56.         }
    57.       ]
    58.     }
    59.   },
    60.   method:{
    61.     filterNode(value, data) {
    62.       if (!value) return true
    63.       return data.label.indexOf(value) !== -1
    64.     },
    65.   }
    66. }

    image.png