Java教程

element-ui tree 自定义是否显示某些节点

本文主要是介绍element-ui tree 自定义是否显示某些节点,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

1、将node_modules文件夹中 element-ui 文件夹的 packages 中的 tree 文件夹复制出来

 

 

2.这里将“node_modules\element-ui\packages”下的tree文件夹整体复制到自己的项目目录

 

 

3.修改tree-node.vue文件,样式自己写,node.data.leaf是后台或者自己定义的标识,是否隐藏显示多选框

 

 

 4.使用自定义的组件,其它跟使用element组件一样

import elTree2 from './tree/src/tree.vue'

          <elTree2
                  :data="baselayerTree"
                  :props="treeProps"
                  @check-change="handleNodeClick"
                  :show-checkbox="true"
                  :check-strictly="true">
          </elTree2>

 

这篇关于element-ui tree 自定义是否显示某些节点的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!