在使用elementui的布局元素的时候，会遇到一个问题，那就是照着官方文档弄出来的布局元素不能实现满屏。 很显然，这不是我们想要的效果，我们要把它布满全屏. 解决代码如下 如果是用VUE，那么在App.vue中加入 这样就满屏显示了。 ...

标签上不要添加高度，定位属性，直接设置就OK ...

/* 1、需要给包裹的div一个height：100% */ #module{ height: 100%; } /* 2、给#app,html,body,.el-container一个height：100 ...

简单粗暴： 直接vh，注意vh只有浏览器的高度，过了浏览器的高度就失效。 ...

我们从官方文档拷贝实现的效果如图： 很显然，这不是我们想要的效果，我们要把它布满全屏. 在App.vue中添加以下CSS样式： ...

当自己利用element-ui上面的例子来实现整体布局的时候， 就是自己分开成单独的vue组件时，发现布局是不对的，效果是这样的： 代码是这样的，代码一模一样，只是拆开了各个组件，如下图： 后来发现是这个问题，当你拆开后，el-container容器不知道子元素中是否 ...

做vue项目。 1、在assets文件夹中，新建一个global.css文件。 2、然后在main.js中引入 global.css 3、后续给你所有的组件设置 height: ...

首先在setup中定义一个类 然后编写方法： 然后在onMounted中调用方法 最后在el-aside中加入id="asideId" :width="widthData.with+'px'" 绑定即可 ...