el-tree 4级

el-tree 是一个基于 Element UI 的树形组件，可以用来展示树形结构的数据。它提供了丰富的功能和灵活的配置选项，可以实现树形结构的展开、折叠、选择等操作。

关于 "4级" 的问题，el-tree 并没有直接支持级别的概念。但你可以通过自定义数据的形式来实现类似的效果。比如，你可以为每个节点的数据添加一个 level 字段，用来表示节点的级别，然后在渲染节点时，根据这个字段设置不同的样式或者其他行为。

以下是一个简单的示例代码：

<template>
  <el-tree :data="treeData" :node-key="nodeKey" :props="props" :render-content="renderContent"></el-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        { id: 1, label: '一级节点', level: 1, children: [
          { id: 2, label: '二级节点', level: 2, children: [
            { id: 3, label: '三级节点', level: 3, children: [
              { id: 4, label: '四级节点', level: 4 }
            ]}
          ]}
        ]}
      ],
      nodeKey: 'id',
      props: {
        children: 'children',
        label: 'label'
      }
    }
  },
  methods: {
    renderContent(h, { node }) {
      return (
        <span class={`level-${node.data.level}`}>{node.label}</span>
      )
    }
  }
}
</script>

在上面的代码中，我们为每个节点的数据添加了一个 level 字段，并且通过自定义的 renderContent 方法来渲染节点的内容。在 renderContent 方法中，我们根据节点的 level 字段来设置不同的样式，这样就可以实现不同级别的节点显示不同的效果。

需要注意的是，上面的代码只是一个简单示例，实际使用时可能需要根据具体的需求进行适当的修改和扩展。希望能帮到你！如果还有其他问题，请随时提问。