element树形数据懒加载编辑前端修改回显树形表格二三级数据

400 阅读1分钟

最近做了个省市区树形表格的功能,第一版是接口查询全部省市区数据,然后导致接口响应比较缓慢影响前端体验。
第二版后端默认只查一级的数据,前端以懒加载形式查二级与三级数据。但是每个节点都会有个设置别名的功能,懒加载导致设置别名成功后不能立即查看到设置后的名称。因为保存成功查询的是一级的数据,与后端讨论也没有结果。最终,领导提出前端保存成功后替换表格中对应别名。

//懒加载
        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);
                }
            })
        },

image.png