element-ui tree 限定高度

对于 Element-UI 的 Tree 组件，你可以通过设置样式来限定树的高度。具体来说，你可以为 Tree 组件的容器元素设置固定的高度或者最大高度，从而限制树的显示高度。

以下是一个示例：

<template>
  <div class="tree-container">
    <el-tree :data="treeData" :props="treeProps"></el-tree>
  </div>
</template>

<style>
.tree-container {
  height: 300px; /* 设置固定高度 */
  /* 或者使用最大高度
  max-height: 300px;
  */
}
</style>

<script>
export default {
  data() {
    return {
      treeData: [
        {
          label: 'Node 1',
          children: [
            {
              label: 'Node 1-1'
            },
            {
              label: 'Node 1-2'
            }
          ]
        },
        {
          label: 'Node 2',
          children: [
            {
              label: 'Node 2-1'
            },
            {
              label: 'Node 2-2'
            }
          ]
        }
      ],
      treeProps: {
        children: 'children',
        label: 'label'
      }
    };
  }
};
</script>

在上面的示例中，我们通过在容器元素 `.tree-container` 中设置了 `height` 属性来限定树的高度为 300px。你也可以使用 `max-height` 属性来设置最大高度。

希望这个示例能够帮助到你！如果有任何其他问题，请随时提问。