el-tree的renderContent的retrun的html中添加点击事件

在 Vue 中使用 Element UI 的 el-tree 组件时，可以通过 render-content 来自定义节点内容，并添加点击事件。以下是一个简单的示例：

<template>
  <el-tree
    :data="treeData"
    :props="defaultProps"
    :render-content="renderContent"
  ></el-tree>
</template>
 
<script>
export default {
  data() {
    return {
      treeData: [
        // ... 树形数据
      ],
      defaultProps: {
        children: 'children',
        label: 'label'
      }
    };
  },
  methods: {
    renderContent(h, { node, data, store }) {
      return h(
        'span',
        {
          on: {
            click: () => {
              console.log('节点被点击', node.label);
              // 执行其他逻辑
            }
          }
        },
        node.label
      );
    }
  }
};
</script>

在 renderContent 方法中，我们使用了 h 函数（即 hyr）来创建一个 span 元素，并通过 on 属性添加了点击事件处理函数。当节点被点击时，会触发点击事件并输出节点的标签。