vue 获取页面高度
时间: 2023-08-12 16:18:50 浏览: 108
VUE实时监听元素距离顶部高度的操作
您好!要获取页面高度的值,可以使用以下代码:
```
var pageHeight = document.documentElement.scrollHeight || document.body.scrollHeight;
```
其中`document.documentElement.scrollHeight`表示文档根元素的整个高度,包括滚动部分;`document.body.scrollHeight`表示文档的body元素的整个高度,也包括滚动部分。
如果您使用的是Vue.js框架,可以把这个代码放在`mounted`生命周期钩子中,如下所示:
```
mounted() {
var pageHeight = document.documentElement.scrollHeight || document.body.scrollHeight;
console.log(pageHeight);
}
```
这样就可以在页面加载完成后获取页面的高度了。希望这个回答对您有所帮助!
阅读全文