element-ui级联选择器(Cascader)获取级联对象 (主要是想获取:label值)

element-ui级联选择器(Cascader)获取级联对象 (主要是想获取:label值)
最近使用element-ui 的Casecader 级联对象时,后台要求将对象的label值也传过去,然而,element-ui 官方并没有提供这样方(keng)便 ( die ) 的方法。

一时间直是束手无策…

无奈只能通过遍历树来一一获取了:

 getCascaderObj = function(val, opt){
            return val.map(function (value, index, array) {
                for (var itm of opt) {
                    if (itm.value == value) { opt = itm.children; return itm; }
                }
                return null;
            });
        }

完整事例:

Document

    
label:{{i.label}} - value{{i.value}}

以上获取到的将会是一个数组,可根据数组来获取其中的label。
【完】

你可能感兴趣的:(H5,vue,element-UI)