但是,如果后端提供的数据不是上面的树形结构数据时
前端需要对后端提供的数据进行“树形处理”,构造出下面这种数据形式的
// 从后端获取数据 GetMenuTree({}) .then(res => { this.menuData = res.data.result; this.menuData.forEach(item => { // 重组名称 item.title = `${item.menuName} [路由:${item.menuPath}]`; // 构造树形数据 this.childrenFun(item); }); this.initSelectedTree(this.systemId); }) .catch(err => { this.$Message.error("获取数据失败"); }); }, childrenFun(data) { data.children.forEach(ele => { ele.title = `${ele.menuName} [路由:${ele.menuPath}]`; if (ele.children.length) { this.childrenFun(ele); } }); },
原因:给父级的expand赋值失败
解决方法:给父级的expand赋值要用$set
原因:初步判断是因为动态改变数据,dom没有重新渲染
解决方法:给复选框赋值要用$set
修改日期 | 修改人 | 备注 |
2020-02-27 11:47:33[当前版本] | 徐文斌 | iview树形控件 |
2020-02-27 11:46:22 | 徐文斌 | iview树形控件 |
附件类型 | JPG PNG |
|
|