<el-tree class="el-scrollbar"                 id="fixtree"                 :data="logTreeList"                 @node-click="handleNodeClick"                 @node-contextmenu="showMenu"                 @node-expand="closeMenu"                 @node-collapse="closeMenu"                 show-checkbox                 @check-change="handleCheckChange"                 ref="tree"                 :check-strictly="true"                 node-key="fileName">        </el-tree><style>#fixtree {    display: inline-block;  }</style>

最主要的三点:

1,使用elementui的容器布局,也就是el-container el-header,el-aside,el-main,el-footer

2,使用样式 el-scrollbar

3,fixtree添加样式 display:inline-block

©著作权归作者所有:来自51CTO博客作者遗梦江湖的原创作品,如需转载,请注明出处,否则将追究法律责任

更多相关文章

  1. 实例演示flex容器中的四个属性的功能,参数,以及作用
  2. 容器无法启动,修改Nginx配置文件的方法
  3. Openshift3.7完整安装手册+容器化Harbor
  4. 容器计算资源管理&网络QoS的实现---Openshift3.9学习系列第四篇
  5. 实战:一文说清OpenShift的Egress Router:OpenShift安全系列第八篇
  6. 容器出口流量控制:OpenShift安全系列第七篇
  7. ING的容器云之路
  8. Secrets&安全上下文约束(SCC):让我们重新认识OpenShift系列5
  9. 各种容器网络方案性能深度对比

随机推荐

  1. Spring-IoC
  2. 自建 GitLab,却玩到了 VMware
  3. Spring bean 依赖查找
  4. 这波 JVM 面试题解答,绝对给你面试加分
  5. JVM 常用配置参数(Java 8)
  6. Spring IoC 依赖注入(支持哪些数据类型?)
  7. 每个技术人,都有一个变现的梦
  8. Spring IoC 依赖注入的实现方式
  9. CCNP(ISCW)实验:使用SDM配置Site-to-Site
  10. IDEA最新激活码2021(IDEA2020.3永久激活方