VUE3+TS+Element UI生成树节点可以进行增删查鼠标移动显示

做个简单的笔记备忘

效果图

 

 

代码：

<template>
  <div class="custom-tree-node">
    <el-tree
      :data="organize"
      node-key="id"
      default-expand-all
      :expand-on-click-node="false"
      :highlight-current="true"
      @node-click="clickNode"
    >
      <template #default="{ node, data }">
        <span class="custom-tree-node">
          <!-- 编辑状态 -->
          <div v-if="node.isEdit">
            <el-input
              v-model="data.name"
              autofocus
              size="mini"