el-aside侧边栏无法铺满全屏

zfldongcidaci

9491人浏览 · 2020-04-13 18:16:20

zfldongcidaci · 2020-04-13 18:16:20 发布

element-ui的el-aside侧边栏是自动扩展的，不是铺满全屏的，所以怎么固定铺满全屏那？参考了该博客：参考的原博客地址。
方法如下：
1.在App.vue中，style里写：
#app {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
2.在container中style里写：
.el-aside {
height:100vh;
}
如果修改完之后有点超出屏幕，可能是其他元素的影响，可以稍微修改一下height值。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^