element-ui中的el-tree组件自定义slot使用_el-tree slot

element-ui中的el-tree组件自定义slot使用

<el-tree ref="tree"
      class="tree"
      v-show="!value"
      highlight-current
      :accordion="false"
      node-key="id"
      :data="[queryTree]"
      :props="defaultProps"
      :expand-on-click-node="false"
      :default-expanded-keys="expandedKeys"
      show-overflow-tooltip
      @node-click="handleNodeClick">
        <span slot-scope="{node,data}" class="customize-tree-p">
          <el-tooltip class="item" effect="dark" :content="data.name" placement="top-start" open-delay="500">
            <span style="display:inline-block;width: 224px;overflow: hidden; white-space: nowrap; text-overflow:ellipsis;">{{data.name}}</span>
          </el-tooltip>
        </span>
</el-tree>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18