elementui-Tabs 标签页固定高度&内容超出高度可滚动

1、说明
当我们使用Tabs标签页的时候,直接套进去会发现标签下的内容的自适应的,会根据你的内容的大小进行扩展(如下图)。。
elementui-Tabs 标签页固定高度&内容超出高度可滚动_第1张图片
2、效果
也许你会觉得这并不符合你的需求,需要的是把内容的高度设置为100%同时有滚动效果
elementui-Tabs 标签页固定高度&内容超出高度可滚动_第2张图片
3、实现方法
给内容设置滚动样式即可

.el-tabs__content{
		height: calc(100vh - 110px);
		overflow-y: auto;
	}

你可能感兴趣的:(elementui,vue.js,javascript)