我是用的懒加载渲染的el-tree在操作对应的 node-key="districtId" 后往对应的节点下 新增了子节点 删除节点 通过请求新增和删除了 手动刷新可以查看到变化 如何操作之后(新增删除数据后)动态变化el-tree<el-tree:props="defaultProps" :load="loadNode" node-key="districtId" ref="tree" :default-expanded-ke...
默认每个节点都是关闭状态,然后每次新增节点或者编辑节点的时候都由后端把当前节点以及它的父节点的状态设置成开启状态。 然后前端再去调用查询层级的接口。后端在返回查询层级的结果之前,再悄默默的把所有节点的状态改成关闭状态,但不要影响这次要返回的结果。 前端要根据这次返回的结果去确定哪些节点需要展开...
el-tree⿏标移⼊节点显⽰新增删除等按钮【Vue】要达到这样的效果：<el-tree default-expand-all :data="data"> <span class="custom-tree-node" slot-scope="{ node, data }" style="width:100%;" @mouseenter="mouseenter(data)" @mouseleave="mouseleave(data)"> <span>{{ node.label }}</...
this.tree.expandedKeys = Array.from(new Set(this.tree.expandedKeys));//去重 } }, // 树关闭某一节点的时候 handleNodeCollapse(data, node, ele) { let index = this.tree.expandedKeys.findIndex((item) => item === data.id); if (index !== -1) { this.tree.expandedKeys.splice(index,...