ElementUI 之 Cascader 级联选择器回显

 级联选择器多选功能回显

// 选择器赋值 去除为children空数组 traverse(arr,value) { if(arr.length){ arr.forEach(item => { Vue.set(item,"name",item.label.name) Vue.set(item,"id",item.label.id) if (item.hasOwnProperty("children")&&item.children.length) { idArr.push(item.label.id) this.traverse(item.children,value); } else { if(idArr.length!=0){ idArrBox=[...idArr] } idArr=[] if(!library.isNull(item.label.modelStorageId)){ if(item.label.modelJsonList[0].guid===value){ idArrBox.push(item.label.id) this.entityArr.push(idArrBox) this.entityArrCopy=[...this.entityArr] return } } //禁用类别 if(!item.label.modelStorageId){ Vue.set(item,"disabled",true) } delete item.children; } }); } return arr },

 级联选择器单选功能回显 

traverse(arr,num) { if(arr.length){ arr.forEach(item => { if(item.label.id==num){ idArr.push(item.label.id) idArrBox=idArr } Vue.set(item,"name",item.label.name) Vue.set(item,"id",item.label.id) if (item.children.length) { idArr.push(item.label.id) this.traverse(item.children,num); //递归遍历 } else { idArr=[] delete item.children;//如果是值就显示 } }); } return arr },

ElementUI 级联选择器的el-cascader校验 

ElementUI 之 Cascader 级联选择器指定 value label

ElementUI 之 Cascader 级联选择器自定义节点内容​​​​​​​

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/rfx/11250.html