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

SolomonXie 发布于2019-08-23 15:19 / 1726人阅读

摘要：级联选择器数据回显问题对于前端小菜鸡来说，被这个问题也是困扰了好久。也是百度的方法。

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);
},

此方法主要参考这位大神：https://segmentfault.com/u/li...

云服务器 GPU云服务器回显居中问题关于要从取数据问题数据选择器关于php问题

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/101867.html

关于element的select多选选择器，数据回显的问题

摘要：关于的多选，数据回显的问题在工作中遇到这样一个问题，新建表单时用的多选以后，在编辑的时候打开表单发现其他数据能正常显示，多选却无法正常回显。这样多选器里的数据就能正常返显了。关于element的select多选，数据回显的问题在工作中遇到这样一个问题，新建表单时用element的select多选以后，在编辑的时候打开表单发现其他数据能正常显示，多选却无法正常回显。在网上找了很多后...

kaka 2019-08-23 15:19 评论0 收藏0
vue项目中使用element-ui下拉框选项值为对象时报错

摘要：在做后台管理时，使用了搭配，请求方法使用了插件，在使用下拉框时，因为我需要获取选中的选项中的其他值，因此需要传入对象。在做后台管理时，使用了vue搭配elementUI，请求方法使用了axios插件，在使用下拉框时，因为我需要获取选中的选项中的其他值，因此需要传入对象。对select下拉框的文档没有读的很仔细，百度过几篇文章，也没有理解他们表达的意思，然后自己又去看文档，把他的属性看...

Drummor 2019-08-26 10:57 评论0 收藏0
关于DOM的问题笔记

摘要：实时可以传参返回包括了所有名字符合指定条件的元素实时可以传参用于选择拥有属性的元素比如和等返回匹配指定属性的元素节点。返回位于页面指定位置最上层的子节点。此外，使用可以防止攻击。而自身不在存在于创建它时所在的位置。 1. 获取某个 dom 元素的方式 //节点集合属性（元素节点选取） document.all //返回文档中所有元素 document.links //返回当前文...

FullStackDeveloper 2019-08-22 10:54 评论0 收藏0
【Hello CSS】第五章-CSS的选择器与函数

摘要：内联样式标签鱼头注根据张鑫旭老师在有趣个选择器可以干掉个选择器分享过个级联选择器可以击败个选择器目前已无此现象。作者：陈大鱼头 github： KRISACHAN 在上一篇的HTML的标签与语意中简单的介绍了HTML标签跟其一些属性，向各位坚持看到这里的亲表示真诚的感谢。本篇主要会分享一些跟CSS选择器（CSS Selectors）相关的内容，有兴趣的请继续往下看。 CSS选择...

cod7ce 2019-08-30 11:27 评论0 收藏0
ssh框架整合案例(字典表,no-session,hebiernate|模板的api,懒加载,级联删

一：字典表字典信息：在项目中可能会使用到，已经存在的一些信息。例如，客户的级别：普通用户，vip用户... 客户的来源：网络营销，电话营销... 客户所属行业：电子商务，房地产... 客户的性别：男，女在保存用户的时候，这些信息都是已经存在的，不应该让用户让用户来任意填写，而是通过下拉列表来让用户选择。这些已经存在的信息称之为字典信...

dkzwm 2019-08-15 11:10 评论0 收藏0