antdesign vue 3.2.2 版本隐藏 tree组件默认显示的图标

我不叫塞尔达_joy

于 2023-11-27 14:21:20 发布

阅读量1.2k

点赞数 10

文章标签： vue.js 前端 javascript anti-design-vue

本文链接：https://blog.csdn.net/m0_50307759/article/details/134644271

版权

文章介绍了如何在使用AntDesignTree组件时，通过自定义样式隐藏默认图标以及控制`show-line`属性的显示。作者展示了如何使用`:deep()`伪类和CSS来实现这一目标。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

tree 组件使用自定义图标及show-line 属性会出现默认图标用css加以隐藏

<style scoped>
:deep(.ant-tree-switcher-noop) {
    width: 20px !important;
}

:deep(.ant-tree-switcher-noop>span) {
    display: none;
}
</style>

antdesign vue 3.2.2 版本 隐藏 tree组件 默认显示的图标