【踩坑】element UI + Vue 中 el-tree 超出部分自动换行

zhuanbike 2023-5-8 349

首先我们需要再全局App.vue里面增加全局样式:

<style>
.tree {
    .el-tree-node {
      white-space: normal;
      .el-tree-node__content {
        height: 100%;
        align-items: start;
        margin-bottom: 5px;
      }
    }
  }
</style>

当然, 再调用tree是时候要有一个外部容器:

<div class='tree'>
          <el-tree
            ref="tree"
            :data="tree"
            node-key="value"
            @check="treeClick"
            :expand-on-click-node="false"
            :default-checked-keys="treeList"
            show-checkbox
          ></el-tree>
        </div>


最新回复 (0)
发新帖