Vue 懒加载tree，如何去除三角图标。求解！！！在线等！！！！

weixin_38052463 2019-07-31 02:57:17

vue 懒加载tree，如何去除三角图标。求解！！！在线等！！！！

...全文

1374 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

weixin_38079250 2019-08-02

打赏
举报

回复

el-tree 可以通过 icon-class 定义树节点图标, 如果不传，默认是 el-icon-caret-right 。所以，可以传一个不存在的 icon 名称，自然就不显示了，但 icon 的元素还在的。如果 icon 元素都不想要，只能直接写 class 隐藏 icon 。

weixin_38058748 2019-08-01

打赏
举报

回复

自己开发的组件吧？、、、、

本文介绍如何在Element UI的el-tree组件中，针对最后一级节点移除无用的懒加载图标，通过DOM操作实现对三角形加载按钮的隐藏，确保界面更加整洁。

本文介绍了如何在el-tree的懒加载场景中，通过利用el-tree的props属性中的isLeaf来隐藏不需要的三角形图标，特别是在处理最后一级节点时。通过在ts代码中定义props，并在样式中进行设置，可以有效控制节点的显示效果。

该文章展示了如何在Vue项目中使用el-tree组件进行数据的懒加载操作，特别是在处理树形结构时。通过监听node-click事件和自定义isLeaf属性，动态从后端获取并渲染节点数据。同时，文章还提到了如何调整el-tree的样式，例如隐藏最后一层节点的三角图标。,

本文详细讲解了Tree组件的自定义设计，包括节点图标、样式、事件监听、拖拽排序、懒加载等功能。重点介绍了如何通过CSS变量、响应式类名绑定和异步资源加载等方式实现主题化与动态化外观定制，并结合Vue/React框架进行了代码示例。文章还涵盖了节点内容可编辑功能、跨树拖拽以及性能优化等内容。

博客介绍了在Vue2中使用Element UI组件时，默认无节点的节点也会显示可折叠三角符号。可通过自定义节点内容来隐藏该符号，给出示例，通过检查节点是否为叶子节点，决定返回含三角符号或不含的元素，还提到可省略图标类不显示图标。

其他技术讨论专区

477

社区成员

790,951

社区内容

发帖

与我相关

我的任务

其他技术论坛（原bbs）

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章