vue之elementui,树形组件el-tree实现左右拖动滚动条
16lz
2021-04-18
<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博客作者遗梦江湖的原创作品,如需转载,请注明出处,否则将追究法律责任更多相关文章
- 实例演示flex容器中的四个属性的功能,参数,以及作用
- 容器无法启动,修改Nginx配置文件的方法
- Openshift3.7完整安装手册+容器化Harbor
- 容器计算资源管理&网络QoS的实现---Openshift3.9学习系列第四篇
- 实战:一文说清OpenShift的Egress Router:OpenShift安全系列第八篇
- 容器出口流量控制:OpenShift安全系列第七篇
- ING的容器云之路
- Secrets&安全上下文约束(SCC):让我们重新认识OpenShift系列5
- 各种容器网络方案性能深度对比