Vue ElementUI el-scrollbar 嵌套 el-tree 出现横向纵向滚动条

vue页面

 <div style="height: 400px"><el-scrollbar style="height: 100%"><el-treeref="tree":data="list"node-key="id":props="defaultProps"@node-click="handleNodeClick":default-expanded-keys="defaultexpanded"></el-tree></el-scrollbar></div>

CSS

<style>
.el-tree>.el-tree-node{height: 350px; min-width: 100%;display:inline-block;
}
</style>

实现效果：

Vue ElementUI el-scrollbar 嵌套 el-tree 出现横向纵向滚动条相关推荐

Vue ElementUI el-scrollbar 嵌套 el-tree 出现适宜横向纵向滚动条的方案
Vue页面<template lang="html"></template>里部分相关代码. 示例代码: <div id="listTree ...
Vue+Element-ui实例_使用flexslider插件设计横向时间线
下面是做了一个类似时间线(history事件线)的页面,主要是记录一下log,或者history的操作记录. 主要难点: (1)一般的插件时间线例如(elementUI中的el-timeline)就是 ...
elementui 嵌套表单验证_vue elementUI 表单嵌套验证的实例代码
一:表单一级验证 element中from组件内表单验证通过使用el-form标签,绑定model和rules属性进行表单验证简单的表单验证很简单,在prop内绑定验证属性,然后在rules对象内定 ...
常见的 vue elementUI el的标签总结
vue elementUI el的标签总结标签源码标签作用 el-col 整体 el-container 主体区域 el-tooltip 提示框信息 el-header 内容头部区域 el-asi ...
vue+element-ui之tree树形控件有关子节点和父节点之间的各种选中关系详解
做后端管理系统,永远是最蛋疼.最复杂也最欠揍的事情,也永远是前端开发人员最苦逼.最无奈也最尿性的时刻.蛋疼的是需求变幻无穷,如同二师兄的三十六般变化:复杂的是开发难度寸步难行,如同蜀道难,难于上青天: ...
[vue] 说说你对选项el,template,render的理解
[vue] 说说你对选项el,template,render的理解 el: 把当前实例挂载在元素上 template: 实例模版, 可以是.vue中的template, 也可以是template选项, ...
vue element-ui的嵌套dialog遮罩层
vue element-ui的嵌套dialog遮罩层打开dialog时,遮罩层直接将全部body遮住内嵌dialog关闭时父级dialog依旧被遮罩层遮住自己做项目时需要用到嵌套dialog,但 ...
vue+elementUI+后端springboot多用户评论、回复、点赞
vue+elementUI+后端springboot多用户评论.回复.点赞演示数据库后端评论.回复.点赞.取消点赞. 前端 vue+elementUI.vue脚手架vue-VLI.axios ...
Vue+ElementUI纯前端技术实现对表格数据的增删改查
Vue+ElementUI纯前端技术实现对表格数据的增删改查页面展示效果一.页面结构分为三个部分 head body 以及script 一般我个人是在head中引入一些组件库 , 还有一些样式 ...

Vue ElementUI el-scrollbar 嵌套 el-tree 出现横向纵向滚动条

Vue ElementUI el-scrollbar 嵌套 el-tree 出现横向纵向滚动条相关推荐

最新文章

热门文章