素材巴巴 > 程序开发 >

记录elementui级联选择器选择父节点后不能选择后代节点

程序开发 2023-09-03 21:47:20

目录

前言

一、效果预览

二、思路分析

三、代码实现


前言

根据项目需要,利用elementui的级联选择器,要求实现选择父节点之后,不能选择父节点后的所有后代节点。


一、效果预览

650cda1b9ca94745b458d1aac05c5989.gif

二、思路分析

        既然使用了级联选择器,那么数据格式必须是正确的JSON树,根据elementui官方文档示例配置,即可渲染出级联选择器。通过查看文档可以知道要控制某个节点可不可以选择实际就是控制这个节点的disabled属性。因此,在选中某一个节点后,我们只需要把当前节点的子节点及所有后代节点的disabled属性设置为true即可。直接上代码吧。

三、代码实现


总结


 
 


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。