antd-vue 树改变前面图标 隐藏默认子图标
默认最好一级子图标不可以改变,方法是隐藏默认的,这样就可以。
// 树形引用tree :treeData="treeData" :showIcon="false" :showLine="true" >
注:在vue3中
::v-deep 已经过时,改为:deep(之前的样式)
没有实现下面样式的效果,这个是参考一位兄弟的,在底下有URL,
一开始默认还是显示图标,然后移上去的时候,就不显示了。"ant-design-vue": "2.2.8",
那么在这个版本下,如何实现呢:
1)找到ant-design-vue的安装位置(在依赖目录node_modules下)
2)找到样式,然后在我们的项目中加入修改不显示
1、这个样式是鼠标移上去子项中的图标会消失
2、这个是隐藏图标(正解)。
3、这个样式不管什么时候,父子项的前面图标全隐藏。
这样的话,我们只要绑定treeData就可以了
达到我想要的效果。
最后,style中的注解是:/* */
参考:https://blog.csdn.net/dashinihao/article/details/121334747