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