树状图溢出分省略号显示，鼠标移入展示数据

喜欢白朴

已于 2022-10-19 18:02:57 修改

阅读量432

点赞数 1

分类专栏： vue element 文章标签：前端 vue.js

于 2022-10-12 15:33:46 首次发布

本文链接：https://blog.csdn.net/m0_62351100/article/details/127283863

版权

vue 同时被 2 个专栏收录

26 篇文章 2 订阅

订阅专栏

element

2 篇文章 0 订阅

订阅专栏

			   <el-tree ref="myTree" class="tree" :data="deptOptions" :props="defaultProps"
                    @node-click="handleNodeClick">
                    <template slot-scope="{ node, data }">
                    <-- 使用 tooltip  -->
                        <el-tooltip effect="dark" :content="node.label" placement="top">
                        <-- 设置溢出部分省略号展示、鼠标移入展示 -->
                            <div style="overflow: hidden; text-overflow: ellipsis;">{{ node.label}}</div>
                        </el-tooltip>
                    </template>
                </el-tree>