1.第一个滚动条出现的原因
第一个滚动条是因为 el-tree 太长导致的
2.第二个滚动条出现的原因
第二个滚动条是因为 el-option 太长导致的
3.我的解决办法
不要给 el-option 的高度设置为 1200px, 太长了, 导致 el-option 的父容器容纳不下 el-option
给 el-option 的高设置为 100%后的效果如下
<el-form inline>
<el-form-item>
<el-select v-model="builder">
<el-option :value="builder" style="height: 100%;">
<el-tree
ref="tree"
:data="deptOptions"
:props="defaultProps"
:expand-on-click-node="false"
:filter-node-method="filterNode"
node-key="id"
default-expand-all
highlight-current
@node-click="handleNodeClick"
/>
</el-option>
</el-select>
</el-form-item>
</el-form>