Element-实现树形控件单选


由于在有些业务场景需要用到树形控件的单选功能,Element UI默认是多选的,但可以通过Element提供的事件和方法来实现树形控件的单选功能,其代码如下:





效果如下:

小结:

  1. 标签中需要设置: show-checkbox(支持选框)、 check-strictly(勾选时子父节点不关联)
  2. 使用事件@check-change,通过第二个参数checked来判断是否勾选,当checkedtrue时,通过方法setCheckedNodes([])来设置勾选的节点