JS-解决100%高的问题

Vue.js页面中使用了Element组件,它会自动给我们生产虚拟DOM,我们无法设置高度100%;这时候可以利用javascript,来设置100%高度问题。
HTML代码如下:

1
2
3
<div>
<div id="order-list">DIV高度为100%</div>
</div>

JS代码如下:

1
2
3
4
mounted: function () {
var orderHeight = document.body.clientHeight;
document.getElementById("order-list").style.height=orderHeight+'px';
},

参考文献:视口的宽高与滚动高度.