2023年6月22日发(作者：)

基于antd-vue的tree进⾏⼆次封装最近接了⼀个新项⽬，产品要求⽤tree树结构展⽰数据，emmmm，关键是还要在tree上进⾏新增、编辑和删除那么原有的tree肯定不满⾜这需求，所以得进⾏⼆次封装了数据结构因为我这两个接⼝组装的，所以做了数据处理，如果是⼀个接⼝返回那更好，只要循环遍历新增我们需要的参数即可// 部门树 leftTree() { let treeData = []; getTeamInfo().then((res) => { if (ode == "00000") { let jsonData = { id: 1, key: 1, isEdit: false, // 是否处于编辑状态 isNewItem: false, // 该节点是否是新增节点 isDelete: false, isShowDelete: false, //是否显⽰删除按钮 isShowEdit: false, //是否展⽰编辑按钮 isShowAdd: true, //是否展⽰新增按钮 title: "⽃象科技", depth: 1, // 该节点的层级 scopedSlots: { title: "custom" }, // ⾃定义组件需要绑定 children: [], }; = me; = ; = ; (jsonData); anizationList(treeData); } }); },完整代码