TOMMYHU

本文基于 "element-ui": "^2.4.3", tree控件文档：https://element.faas.ele.me/#/zh-CN/component/tree#tree-shu-xing-kong-jian
这是个坑，如果遇到这个问题，先到git上看下人家的bug fix：https://github.com/ElemeFE/element/issues/4944  
然并卵，我这没搞定，通过下面方法搞定

具体操作：
1、在tree外包一层div，给class=‘tree’
2、定义tree的样式
3、重写tree样式


代码：
template
            <div class="tree">                 <el-tree :data="page.tree.data"                          :props="page.tree.defaultProps"                          :filter-node-method="filterNode"                          ref="tree"                          accordion                          node-key="id"                          :default-expanded-keys="page.tree.defaultExpandedKeys"                          @node-click="handleNodeClick">                     <span :title="node.label"                           class="custom-tree-node"                           slot-scope="{ node, data }">                         {{ node.label }}                     </span>                 </el-tree>             </div>

style
.tree {   overflow-y: auto;   overflow-x: scroll;   /* width: 80px; */   height: 500px;   background-color: #ffffff; } .el-tree {   min-width: 100%;   font-size: 14px;   display: inline-block !important; }
▲返回顶部
Last modified by tommyhu on2018/08/21 17:49