现需要对el-tree设置功能，设置expand-on-click-node = false，增加双击节点名触发fun()函数，点击箭头函数触发f()函数，且页面只显示一个箭头图标

您可以使用以下代码来实现您的需求：

<el-tree
  :data="treeData"
  :expand-on-click-node="false"
  @node-click="handleNodeClick"
  @node-dblclick="handleNodeDblClick"
>
  <span slot-scope="{ node, data }">
    <span v-if="!node.isLeaf" class="el-tree-node__expand-icon">
      <i class="el-icon-arrow-right" @click="handleArrowClick(node, data)"></i>
    </span>
    <span @dblclick="handleNodeNameDblClick(node, data)">
      {{ data.name }}
    </span>
  </span>
</el-tree>

methods: {
  handleNodeClick(nodeData) {
    // 处理节点点击事件的逻辑
    console.log('Node clicked:', nodeData);
  },
  handleNodeDblClick(nodeData) {
    // 处理节点双击事件的逻辑
    console.log('Node double clicked:', nodeData);
    this.fun(); // 调用您的函数
  },
  handleArrowClick(node, data) {
    // 处理箭头图标点击事件的逻辑
    console.log('Arrow clicked:', node, data);
    this.f(); // 调用您的函数
  },
  handleNodeNameDblClick(node, data) {
    // 处理节点名双击事件的逻辑
    console.log('Node name double clicked:', node, data);
    this.fun(); // 调用您的函数
  }
}

在上面的代码中，我们在 `<el-tree>` 组件中添加了 `expand-on-click-node="false"`，以确保在点击节点时不会展开/折叠节点。然后，我们在节点名上使用 `@dblclick` 监听双击事件，并分别调用 `handleNodeDblClick` 和 `handleNodeNameDblClick` 方法来处理节点的双击事件。

对于箭头图标，我们添加了点击事件 `@click` 并调用 `handleArrowClick` 方法处理单击事件。

请注意，我们使用了 `v-if="!node.isLeaf"` 来确保只有非叶子节点才会显示箭头图标。这样，页面上只会显示一个箭头图标。

您可以根据您的具体需求，在对应的处理方法中添加逻辑并调用相应的函数。