vue + ElementUI tree组件高度设置，超出一定高度，显示滚动条

vue + ElementUI tree组件高度设置，超出一定高度，显示滚动条

 

效果图

 

代码：

<div class="down-tree">

        <el-tree

          :data="leftTreeData"

          ref="tree"

          node-key="id"

          :props="defaultProps"

          @node-click="handleNodeClick"

        >

        </el-tree>

      </div>

 

 

在el-tree外面包一层div，添加class:down-tree

.down-tree{

    height: 300px;

     display: block;

     overflow-y: scroll;

}