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

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

一时间直是束手无策... 

element-ui级联选择器(Cascader)获取级联对象 (主要是想获取:label值)_第1张图片

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

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
    
    



    
for="i in vals"> label:{{i.label}} - value{{i.value}}

 

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

 

作者:关爱单身狗成长协会
链接:https://www.jianshu.com/p/b3e40837ec1d
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

转载于:https://www.cnblogs.com/garfieldzhong/p/9176206.html

你可能感兴趣的:(element-ui级联选择器(Cascader)获取级联对象 (主要是想获取:label值))