vue element-ui tree 节点加虚线，样式修改

最新推荐文章于 2024-08-15 17:48:43 发布

置顶

NANA北极

最新推荐文章于 2024-08-15 17:48:43 发布

阅读量1.3w

点赞数 8

分类专栏： vue element-ui

本文链接：https://blog.csdn.net/qq_23064501/article/details/88537071

版权

本文介绍了如何在Vue项目中，使用Element-UI的Tree组件时，为节点添加虚线边框，以及如何修改节点的默认样式，包括消除节点前的缩进。

摘要由CSDN通过智能技术生成

   <el-tree
        ref="tree"
        :props="defaultProps"
        current-node-key="1"
        :load="loadNode"
        lazy
        indent="0"
        node-key="space_id"
        :default-expanded-keys="defaultExpanded"
        :filter-node-method="filterNode"
        :expand-on-click-node="true"
        highlight-current
        @node-collapse="nodeCollapse"
        @node-expand="nodeExpand"
      >
        <div class="custom-tree-node" slot-scope="{ node, data}">
          <div>
            <svg-icon icon-class="space" class="icon-space" v-if="!data.is_child||data.space_id=='0'"/>
            <svg-icon icon-class="file" class="icon-space" v-else/>
            <span @click.stop="