Debug-008-el-tree-叶子节点图标的显示

原创

已于 2024-05-16 18:37:41 修改 · 932 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #elementui #javascript

于 2024-05-16 18:35:21 首次发布

最近做了好几个有el-tree的页面，坑是真的多。不过对其中的方法和属性更熟悉了。光一个el-tree我写10篇博文估计都不够，方法属性贼多。今天实现了一个小功能，分享一下

请看效果：

el-tree叶子节点添加图标按钮

直接上代码：

HTML:

<div class="tree-wrap">
        <el-tree
          ref="treeRef"
          class="flow-tree"
          :data="treeData"
          :props="defaultProps"
          default-expand-all
          node-key="name"
          :current-node-key="currentNodeKey"
          :expand-on-click-node="false"
          :default-expanded-keys="treeNodeArr"
          highlight-current
          :filter-node-method="filterNode"
          @node-click="handleTreeClick"
        >
          <template