需要是级联框能抉择任意层级的节点,然而cascader目前只反对抉择叶子节点(最初一级)。那么如何实现这个需要。

思考得出了以下几个方向:

1.更换一个有抉择任意一级性能的级联库:

目前找到只有elementUI的级联,毛病与以后我的项目框架、api有差别,切换有肯定老本

2.本人手动造一个轮子

毛病是开发成本最高,给的工夫不多,撸进去后须要思考很多因素、测试等等

3.在以后cascader源码上间接附加性能:

浏览源码后发现代码量不大,新增性能老本绝对较低,最初抉择了这个办法。最初通过一番寻找发现了这个组件能够参加开源奉献。最初实现这个需要并进行了测试。而后给cascader作者提交了本人的代码,最初也容许通过了(也是十分的开心)。
github地址(心愿能给个start反对一下):https://github.com/booms21/la...

应用办法:

1.引入layui
2.引入cascader及css,并在应用的时候应用layui关联蕴含这个模块
3.传入属性canParentSelect:true,默认为false
       var cas=cascader({                elem: "#a",                data: data,//树结构                // url: "/aa",                // type: "post",                // triggerType: "change",                // showLastLevels: true,                // where: {                //     a: "aaa"                // },                value: ["B", "BB2", "BBB4"],                // changeOnSelect: true,                 canParentSelect:true,//是否可抉择任意一级,同时也能用在懒加载                success: function (valData,labelData) {                    console.log(valData,labelData);                }            });