第一步:
此时应该在App.vue文件style中添加如下代码:
html,body,#app{
height: 100%;
}
第二步:
网页可见区域宽:document.body.clientWidth
网页可见区域高:document.body.clientHeight
网页可见区域宽:document.body.offsetWidth (包括边线的宽)
网页可见区域高:document.body.offsetHeight (包括边线的宽)
我们将document.body.clientWidth赋值给data中自定义的变量:
data:{
screenHeight: document.body.clientHeight
}
在页面mounted时,挂载window.onresize方法:
mounted ()