在vue中，el-tree进行调接口的增删改操作代码实现

在 Vue 中使用 el-tree 来进行增删改操作需要使用到事件监听和调用 API 接口。

下面是一个示例代码：

<template>
  <el-tree :data="data" @node-click="handleNodeClick" ref="tree"></el-tree>
</template>

<script>
export default {
  data() {
    return {
      data: []
    }
  },
  methods: {
    handleNodeClick(data, node) {
      // 在这里执行增删改操作
      if (data.action === 'add') {
        // 调用增加接口
        this.addNode(data)
      } else if (data.action === 'edit') {
        // 调用修改接口
        this.editNode(data)
      } else if (data.action === 'delete') {
        // 调用删除接口
        this.deleteNode(data)
      }
    },
    addNode(data) {
      // 这里调用 API 添加接口
    },
    editNode(data) {
      // 这里调用 API 修改接口
    },
    deleteNode(data) {
      // 这里调用 API 删除接口
    }
  }
}
</script>

这段代码中，使用了 el-tree 组件的 node-click 事件来监听点击节点的动作。然后在 handleNodeClick 方法中根据点击节点的不同动作来调用对应的 API 接口实现增删改操作。

这只是一个简单的示例，在实际使用中可能需要根据业务需求进行更多的操作。