el-tree自定义内容后，点父级不能展开和收起了

在Element UI库中的el-tree组件中，如果你已经实现了自定义的内容并且覆盖了节点的默认点击行为，可能会导致父级节点的展开和收缩功能失效。这是因为默认的展开和收缩操作依赖于内置的`default-expand-all`和`expand-on-click-node`属性，以及`@node-click`或`@expand-change`等事件。

当你自定义了节点的内容并通过`render-content`或`children`属性返回自定义渲染结果，你需要手动处理点击事件，包括展开和收缩操作。这通常涉及到监听`click`事件，并根据需要更新节点的状态，可能是通过修改`expanded`属性或者触发`@expand-change`回调来实现。

以下是一个简化的例子：

<template>
  <el-tree
    :data="treeData"
    :props="treeProps"
    :default-expand-all="false"
    @node-click="handleNodeClick"
  >
    <span slot-scope="{ node }">
      <!-- 自定义内容 -->
      <span>{{ node.label }}</span>
      <!-- 如果你想添加展开/折叠按钮 -->
      <el-button v-if="node.children" @click="toggleExpand(node)">展开/收起</el-button>
    </span>
  </el-tree>
</template>

<script>
export default {
  methods: {
    handleNodeClick(node) {
      if (node.parent && !node.isLeaf) { // 判断是否可以展开父级
        this.toggleExpand(node.parent);
      }
    },
    toggleExpand(node) {
      node.expanded = !node.expanded;
      this.$emit('expand-change', node); // 触发官方提供的展开状态改变事件
    },
  }
}
</script>

在这个示例中，`handleNodeClick`方法会检查点击的是不是父节点，如果是，则调用`toggleExpand`来切换其展开状态。同时，记得在组件上绑定`expand-change`事件，以便树结构的变化会被记录并同步到其他部分。