Element-实现树形控件单选
由于在有些业务场景需要用到树形控件的单选功能,Element UI默认是多选的,但可以通过Element提供的事件和方法来实现树形控件的单选功能,其代码如下:
效果如下:
小结:
- 在
标签中需要设置: show-checkbox(支持选框)、check-strictly(勾选时子父节点不关联) - 在
使用事件 @check-change,通过第二个参数checked来判断是否勾选,当checked为true时,通过方法setCheckedNodes([])来设置勾选的节点