文档滚动高度不起作用

Question

我的目的是使用以下方式检索页面的完整滚动高度：

document.body.scrollHeight

但是我回来的只是视口的高度，而不是可滚动页面的完整高度。

我正在以一种在安装后调用的方法运行。它甚至在nextick函数中。我需要将图像随机放置在页面的完整高度上。这可能与Vue的反应性（？）有关，并且DOM无法快速更新以使我的方法获得完整的文档高度？

我可以在VUE中获得文档的滚动高度的不同方式是什么？

<script>
export default {
data() {
 return {
   images: [
     require("@/assets/img/icons/1.png"),
     require("@/assets/img/icons/2.png"),
   ],
   addedImage: [],
   imgTop: 150,
   imgLeft: 900,
   imgHeight: 64,
   imgWidth: 64,
   selectedImage: "",
   nextId: 100,
 };
},
mounted() {
 this.randomImage();
 this.$nextTick(() => {
   for (let i = 0; i < 40; i++) {
     this.randomImage();
     this.addImage();
     this.randomPosition();
   }
 });
},

methods: {
 randomImage() {
   const idx = Math.floor(Math.random() * this.images.length);
   this.selectedImage = this.images[idx];
 },
 randomPosition() {
   const randomPos = (twoSizes) => Math.round(Math.random() * twoSizes);
   this.imgTop = randomPos(document.body.scrollHeight - this.imgHeight);
   this.imgLeft = randomPos(window.innerWidth - this.imgWidth);
 },
 addImage() {
   this.addedImage.push({
     style: {
       top: `${this.imgTop}px`,
       left: `${this.imgLeft}px`,
       height: `${this.imgHeight}px`,
       width: `${this.imgWidth}px`,
     },
     src: this.selectedImage,
     id: this.nextId++,
   });

 },

},
};
</script>