最近做了个省市区树形表格的功能,第一版是接口查询全部省市区数据,然后导致接口响应比较缓慢影响前端体验。
第二版后端默认只查一级的数据,前端以懒加载形式查二级与三级数据。但是每个节点都会有个设置别名的功能,懒加载导致设置别名成功后不能立即查看到设置后的名称。因为保存成功查询的是一级的数据,与后端讨论也没有结果。最终,领导提出前端保存成功后替换表格中对应别名。
//懒加载
load(tree, treeNode, resolve) {
this.refreshNode[tree.baseAaw01] = {};
this.refreshNode[tree.baseAaw01].resolve = resolve;
let para = {
baseAaw02: tree.baseAaw01,
};
this.getList(para).then(res => {
if (res.code === 200) {
let data = res.data || [];
resolve(data);
} else {
this.sxError(res.msg);
}
})
},