请给我一个实例，在vue2中对el-tree组件添加三个插槽，分别是删除，修改，和添加，删除可以删掉当前子节点，修改可以改变当前节点的名称，添加可以在当前节点添加一个新的子节点

好的，我可以回答这个问题。在Vue2中对el-tree组件添加三个插槽（删除，修改，添加）的方法如下：

1. 首先，在父组件中引入el-tree组件并注册。

2. 然后，在el-tree组件中添加scoped-slot分别对应删除，修改和添加三个操作。示例代码如下：

<el-tree :data="treeData" :props="defaultProps">
  <template slot-scope="{ node }">
    <template slot="delete">
      <el-button @click="deleteNode(node)">删除</el-button>
    </template>
    <template slot="edit">
      <el-button @click="editNode(node)">修改</el-button>
    </template>
    <template slot="add">
      <el-button @click="addNode(node)">添加</el-button>
    </template>
  </template>
</el-tree>

3. 最后，在父组件中实现对应的三个操作（删除、修改、添加）的方法即可。

注意：上述代码中的deleteNode、editNode和addNode方法需要自己在父组件中实现。

相关问题

请给出完整代码实例，在vue2中对el-tree组件添加三个插槽，分别是删除，修改，和添加，删除可以删掉当前子节点，修改可以改变当前节点的名称，添加可以在当前节点添加一个新的子节点

对于你的问题，我可以提供以下代码实例，但需要提醒的是，可能会存在一些细节问题，需要你自行根据具体情况进行调整：

首先，在你的vue组件中，需要注册一个名为tree-node的组件，代码如下：

<template slot-scope="{ node, data }">
  <span class="tree-node">
    {{node.label}}
    <span class="tree-node__operation">
      <slot name="remove" :node="node"></slot>
      <slot name="edit" :node="node"></slot>
      <slot name="add" :node="node"></slot>
    </span>
  </span>
</template>

接着，在使用el-tree组件的地方，需要将之前定义的tree-node组件作为el-tree的节点组件，代码如下：

<el-tree
  :data="data"
  :props="defaultProps"
  :node-key="nodeKey"
  :expand-on-click-node="false"
  :render-content="renderContent"
>
  <template slot-scope="{ node, data }">
    <tree-node :node="node" :data="data">
      <template slot="remove">
        <el-button @click.prevent.stop="handleRemoveNode(node)">删除</el-button>
      </template>
      <template slot="edit">
        <el-button @click.prevent.stop="handleEditNode(node)">修改</el-button>
      </template>
      <template slot="add">
        <el-button @click.prevent.stop="handleAddNode(node)">添加</el-button>
      </template>
    </tree-node>
  </template>
</el-tree>

最后，需要在vue实例中提供一些方法，用于添加、修改、删除节点，代码如下：

methods: {
  handleRemoveNode(node) {
    this.$confirm('此操作将永久删除该节点, 是否继续?', '提示', {
      confirmButtonText: '确定',
      cancelButtonText: '取消',
      type: 'warning'
    }).then(() => {
      const parent = node.parent;
      const index = parent.children.indexOf(node);
      parent.children.splice(index, 1);
    }).catch(() => {});
  },
  handleEditNode(node) {
    this.$prompt('请输入新的节点名称:', '提示', {
      confirmButtonText: '确定',
      cancelButtonText: '取消',
      inputPattern: /^.{1,20}$/,
      inputErrorMessage: '节点名称不能为空，且不能超过20个字符'
    }).then(({ value }) => {
      node.label = value;
    }).catch(() => {});
  },
  handleAddNode(node) {
    if (!node.children) {
      this.$set(node, 'children', []);
    }
    node.children.push({
      label: '新节点',
      children: []
    });
  }
}

至此，就可以在el-tree组件中添加删除、修改、添加节点的操作了。希望这个代码实例对你有帮助。

在vue2中，有两个el-tree，它们的data分别是treeData1和tree

如果你想让这两个el-tree组件的数据独立，你可以通过给它们的data属性传递不同的数据对象来实现。比如：

<el-tree :data="treeData1"></el-tree>
<el-tree :data="treeData2"></el-tree>

其中，treeData1和treeData2是两个不同的数据对象，你可以在Vue实例中定义它们：

data() {
  return {
    treeData1: [
      // 第一个el-tree的数据
    ],
    treeData2: [
      // 第二个el-tree的数据
    ]
  }
}

这样，你就可以在两个el-tree组件中分别显示不同的数据了。