elementui级联选择器多选,el级联选择器获取选择的对象

　　本文主要详细介绍用elementUI实现级联选择器。本文中的示例代码非常详细，具有一定的参考价值。感兴趣的朋友可以参考一下。

　　本文分享用elementUI实现级联选择器的具体代码，供大家参考。具体情况如下

　　1.从后端调用接口，向前端传输数据。

　　2.使用VUE代码显示层叠选项。

　　埃尔-卡斯卡德

　　:disabled=isDisabled

　　:props=defaultParams

　　:options=options

　　v-model=选择的选项

　　:show-all-levels=false

　　可滤过的

　　:clearable=true

　　/埃尔-卡斯卡德

　　3.定义JS

　　data() {

　　选项：[]，

　　selectedOptions: []，

　　defaultParams: {

　　标签:“名称”，

　　值：“代码”，

　　孩子：“孩子”，

　　},

　　},

　　已创建(){

　　列表区(330000)。然后((响应)={

　　console.log(响应)；

　　this . options=this . gettreedata(response)；

　　this.loading=false

　　});

　　},

　　方法：{

　　//递归消除空数组

　　getTreeData(数据){

　　//循环访问json数据

　　for(var I=0；I数据长度；i ) {

　　if (data[i].children.length 1) {

　　//如果children是空数组，则将children设置为undefined。

　　数据[i]。孩子=未定义；

　　}否则{

　　//如果children不是空数组，则继续递归调用此方法。

　　this.getTreeData(data[i]。儿童)；

　　}

　　}

　　返回数据；

　　}

　　}

　　4.显示效果如下

　　这就是本文的全部内容。希望对大家的学习有帮助，支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。