博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于element级联选择器数据回显问题
阅读量:6643 次
发布时间:2019-06-25

本文共 969 字,大约阅读时间需要 3 分钟。

element级联选择器数据回显问题

对于前端小菜鸡来说,被这个问题也是困扰了好久。也是百度的方法。

表单部分代码:


data中定义:

depShowType:{value:'id',label:'name',children:'nodes'},SelectdeptId:[],

methods中:

// 编辑handleEdit(data){this.textShow=true;this.textForm=data;this.SelectdeptId=this.changeDetSelect(data.deptId,this.deptData)   //数据双向绑定},changeDetSelect(key,treeData){let arr = []; // 在递归时操作的数组let returnArr = []; // 存放结果的数组let depth = 0; // 定义全局层级// 定义递归函数function childrenEach(childrenData, depthN) {    for (var j = 0; j < childrenData.length; j++) {        depth = depthN; // 将执行的层级赋值 到 全局层级        arr[depthN] = (childrenData[j].id);        if (childrenData[j].id == key) {            returnArr = arr.slice(0, depthN+1); //将目前匹配的数组,截断并保存到结果数组,            break        } else {            if (childrenData[j].nodes) {                depth ++;                childrenEach(childrenData[j].nodes, depth);            }        }    }    return returnArr;}return childrenEach(treeData, depth);},

此方法主要参考这位大神:

转载地址:http://ctovo.baihongyu.com/

你可能感兴趣的文章
TCP连接的建立与终止
查看>>
spring cloud学习(三) 断路器
查看>>
5、把函数当做参数传递给另一个函数,而且可将一个函数作为另一个函数的结果返回...
查看>>
[原译]ListView布局管理器
查看>>
Android硬件抽象层(HAL)概要介绍和学习计划
查看>>
电驴提示“该内容尚未提供权利证明,无法提供下载”之解决办法详解,极力推荐...
查看>>
vue项目中定时器的管理
查看>>
docker简单介绍---网络端口管理
查看>>
Java编程语言下Selenium 对于下拉框,单选,多选等选择器的操作
查看>>
参加scrum中文网ScrumMaster认证培训
查看>>
vue2 遇到的问题汇集ing
查看>>
反射的具体应用
查看>>
长安CS35
查看>>
android 数据库的增删改查的另一种方式
查看>>
什么是优先级队列(priority queue)?
查看>>
As3 Embed Swf
查看>>
郭建龙:“阿里云”是如何失控的
查看>>
JMeter PerfMon Metrics Collector性能监控插件
查看>>
如何取得linux下进程的一些核心信息
查看>>
【windows开发实现记事本程序——界面篇】
查看>>