Vue单页应用中Element ui中的el-tree单选功能

      在VUE单页应用项目开发过程树形中有一个需求，需要选中树形控件（可以是点击选中行或者复选框），但是只能选中一个。控件使用的是Element ui中的el-tree，但是找了一下并没有单选组件的API，慢慢琢磨中。

 

 

1.el-tree组件

 

 

 

2.主要是通过两个事件进行联合判断，

node-click节点被点击时的回调，check-change节点选中状态发生变化时的回调.

由于nodeClick被调用时checkChange也会被调用，因此需要一个editCheckId辅助避免出现因为联动导致选中状态错乱

 

 

git项目地址：https://github.com/heyoju/vueDemo

作者：幽静心
链接：https://www.jianshu.com/p/548a46c73567
來源：简书

转载于:https://www.cnblogs.com/TigerZhang-home/p/9896801.html