Vue框架支持对树状组件进行增删改操作
发布时间
阅读量：
阅读量
近期项目中遇到了关于空间管理层级的实现需求，需借助树形结构组件来完成。该组件需支持新增同级节点、新增下级节点、新增上级节点，以及对节点内容进行修改和删除操作。
在查阅了大量资料后，始终未能找到满意的解决方案。由于项目进度紧迫，上级催促频繁，只能自行动手编写代码，不再赘述，直接展示代码实现。
以下为HTML代码部分
<template>
<div class="myTrees">
<el-tree
:data="treeData"
node-key="id"
default-expand-all
@node-click="handleLeftclick"
:expand-on-click-node="false"
:filter-node-method="filterNode"
ref="tree"
>
<span class="custom-tree-node" slot-scope="{node,data}">
<span>{{ node.label }}</span>
<span>
<el-dropdown trigger="click">
<全部评论 (0)
还没有任何评论哟~