Vue Eelement-UI 组件二次封装（五）：Tree 树形控件

最新推荐文章于 2025-06-01 16:44:59 发布

原创

最新推荐文章于 2025-06-01 16:44:59 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue #封装 #vue.js

查看此文前应看： https://blog.youkuaiyun.com/qq_33991007/article/details/108384277

封装组件：

<template lang="html">
    <div class="">
        <el-tree :data="factoryOptions"
                 :props="defaultProps"
                 :default-expand-all="dea"
                 :highlight-current="highlightCurrent"
                 node-key="value"
                 :expand-on-click-node="eocn"
                 @node-click="handleNodeClick">
            <span class="span-ellipsis" slot-scope="{node,data}">
                <span :title="node.label">{
  
  {node.label}}</span>
            </span>
        </el-tree>
    </div>
</template>
<script>
    export default {
        data(){
            return{
                defaultProps: {
                    children: 'children',
                    label: 'label'
                },
                dea:true,
                eocn:false,
            }
        },
        p