Vue里如何通过js设置body的高度等于window的高度？

我知道应该在mounted里写

$('body').css({'height':$(window).height()});

但是原生应该如何实现？

vue.js javascript

阅读 14k

4 个回答

难道你们都忽略了一个css属性
直接设置：

body{
  height:100vh;
}

至于vh:100vh就等于当前视窗的高度，同样的还有vw

阚巍巍

1644

发布于
2017-09-26

这个和vue框架没关系，是css的问题。

<html>
    <body>
        <div class="app"></div>
    </body>
</html>
<style>
    html,body {
        width: 100%;
        height: 100%;
    }
</style>

陌路凡歌

7.9k21119

发布于
2017-09-26

更新于
2017-09-26

css里，html,body{height:100%}
js的话

 var doc = document.documentElement;
    document.body.style.height =  doc.scrollHeight+'px';

Leon

2k1617

发布于
2017-09-26

js获取窗口大小:
document.documentElement.clientWidth ==> 可见区域宽度
高度同理。
然后在created或mounted方法调用就行

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

Vue里如何通过js设置body的高度等于window的高度？

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

vue2.6，打包后app.js，8M,chunk.js，6M，加载打开页面很慢，有什么办法减少，打开页面快一些？

Element Plus表格组件如何呈现复杂布局如图？

多个vue项目，后台接口都是一样的，每个vue项目的同一个页面都只是一小部分修改，怎样把公共的代码提出来复用？