原文地址:https://www.jianshu.com/p/548a46c73567

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

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

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

1.el-tree组件

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

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

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

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

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

相关文章:

  • 2022-12-23
  • 2021-04-24
  • 2022-12-23
  • 2021-06-17
  • 2021-09-24
  • 2021-09-12
  • 2021-11-03
  • 2022-12-23
猜你喜欢
  • 2021-04-19
  • 2022-12-23
  • 2021-11-14
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案