但是,如果后端提供的数据不是上面的树形结构数据时
前端需要对后端提供的数据进行“树形处理”,构造出下面这种数据形式的
// 从后端获取数据
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树形控件 |
| 附件类型 |
|
|
|
|
||