【Vue + ElementUI】 实现树形结构的单选操作

实现后的效果图：

                           

 没有做gif图片，下次有时间做一下，替换过来吧，效果就是只能单选，而且只能选择最底端的叶子节点。

 

代码部分：

   1）show-checkbox即可以打开树结构前面的框框，elementUI没有直接指定的单选操作，但是可以通过写方法实现

   2）:filter-node-method="filterNode"

         这个属性可以生成一个筛选框，具体效果就是效果图中的筛选框，绑定了filterNode方法

   3）@check-change="selectTreeNode"

         check change绑定selectTreeNode方法，具体实现看下面的方法    

           <el-tree
            ref="tree"
            :data="treeData"
            :props="defaultProps"
            :filter-node-method="filterNode"
            class="filter-tree"