document.documentElement.scrollHeight не обновляется правильно внутри функции в Vuejs

Question

У меня есть длинный список элементов JSON. Я пытаюсь добавить их в div. После добавления одного элемента я вызываю функцию, которая проверяет значение document.documentElement.scrollHeight. Но эта функция не дает мне правильное значение при последующих вызовах, так как список увеличивается, и браузер показывает полосу прокрутки. Я следую этому уроку https://scotch.io/tutorials/simple-asynchronous-infinite-scroll-with-vue-watchers

//this function is inside the methods:  of Vuejs
function isBottomReached(){
  //Use document.documentElement.scrollHeight here to return a boolean value.
}
var bigListofItems = [];//an array with lots of objects in it.

//loop over the list and show items based on the val of isBottomReached()
//this logic is inside the created() hook of Vue
if(this.isBottomReached()){
     //append to DOM
}

Я ожидаю, что всякий раз, когда вызывается функция isBottomReached (), она должна давать мне scrollHeight браузера в этот точный момент времени.