分类：实现内容区域高度自适应

2020
10-10

vue+elementUI 实现内容区域高度自适应的示例

步骤很简单：通过动态绑定属性给<el-main></el-main>绑定高度，而高度通过innerHeight获取，减去你的头部和底部高度，剩下的就是整个内容区域的高度了！话不多说，上代码//defaultHeight是绑定的属性<el-main:style="defaultHeight"><router-view/></el-main>//注意：这里的defaultHeight必须是对象，不懂的可以去官网看下apidata(){return{defaultHeight:{height:""}};},methods:{//定义方法... 继续阅读 >