element 树形控件指定节点插入自定义内容

在使用Element的Tree控件时，可以通过指定`render-content`属性来自定义每个节点的内容。具体操作如下:

1. 定义自定义内容的模板

<template #customContent="{node}">
  <!--自定义内容的HTML代码-->
  <span>{{node.label}} - 自定义内容</span>
</template>

2. 在Tree控件中指定`render-content`属性，并将其值设置为上一步中定义的模板

<template>
  <el-tree :data="data" :props="props" :render-content="renderContent"></el-tree>
</template>

<script>
export default {
  data() {
    return {
      data: [
        {
          label: '节点1',
          children: [
            {
              label: '节点1-1'
            },
            {
              label: '节点1-2'
            }
          ]
        },
        {
          label: '节点2',
          children: [
            {
              label: '节点2-1'
            },
            {
              label: '节点2-2'
            }
          ]
        }
      ],
      props: {
        children: 'children',
        label: 'label'
      },
      renderContent: this.customContent
    }
  },
  methods: {
    customContent({ node }) {
      if (node.label === '节点1-2') {
        return 'customContent'
      } else {
        return 'default'
      }
    }
  }
}
</script>

在上述代码中，我们在`customContent`方法中判断了当前节点的标签是否为`节点1-2`，如果是，就将该节点的内容指定为自定义内容模板`#customContent`，否则使用默认的节点内容。

需要注意的是，如果要在自定义内容中访问节点的数据，可以通过参数`{ node }`来获取当前节点的数据。在上述的自定义内容模板中，我们通过`{{node.label}}`来获取节点的标签文本。

希望这能够帮到你！