avue-tree节点重命名

Avue Tree组件是一个基于Vue.js的树形控件，它允许对树形结构中的节点进行操作，包括重命名。在Avue Tree中，节点重命名通常是通过提供一个方法或者事件处理器来完成的。以下是一个简单的步骤：

1. **设置可编辑属性**：首先，在创建节点的数据对象中，你可以添加一个`editable`字段，用于控制节点是否可以被编辑。例如：

   {
     id: 'node-1',
     title: '原始名称',
     editable: true,
   }

2. **监听`edit`事件**：Avue Tree会触发`edit`事件当用户开始编辑一个节点，这时你可以拦截这个事件并提供一个确认或取消重命名的机会：

   treeRef.on('edit', (node) => {
     const newTitle = prompt('请输入新的标题');
     if (newTitle) {
       node.title = newTitle;
     } else {
       // 如果用户取消了编辑，这里可以恢复到原来的状态或者忽略
     }
   });

3. **保存更改**：用户输入新标题并确认后，你需要将修改后的数据同步回服务器或本地存储。

4. **禁用编辑**：如果你希望在某些特定条件下禁止节点重命名，可以在`beforeDrop`或`drop`钩子中检查并阻止：

treeRef.on('beforeDrop', (e) => {
  if (/* 条件判断 */) {
    e.preventDefault();
  }
});