100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > vue中使用iview修改Cascader的默认数据

vue中使用iview修改Cascader的默认数据

时间:2020-03-31 05:40:42

相关推荐

vue中使用iview修改Cascader的默认数据

方法一:var json = res.data.data.children; //请求到的数据let list = [];for (var i = 0; i < json.length; i++) {var children = [];for (var j = 0; j < json[i].children.length; j++) {var child = json[i].children[j]; //子级集合children.push({value: child.classifyId, //这里是你的树的子级idlabel: child.classifyName //这里是你的树的子级name});}list.push({value: json[i].classifyId, //这里是你的树的第一层的idlabel: json[i].classifyName, //这里是你的树的第一层的namechildren: children});}this.data = list; //这里获取到我们遍历的树形结构console.log(this.data);方法二:this.data = convertTree(json); //json是请求到的数据function convertTree(tree) {const result = [];tree.forEach(item => {let {classifyId: value,classifyName: label,children: children} = item;if (children) {children = convertTree(children);}result.push({value,label,children});});return result;}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。