How to work properly with NExtTick and Vue?

Question

Vue.js

Hey!
There is a code:

const el = document.querySelector('.messages-content')
el.addEventListener('scroll', (event) => {
  // после того как я построил vuex state 
  ... ).then((result) => {
    this.$nextTick(function () {
      console.log(el.scrollHeight) // 17 000px (примерно)
    })
  })
})

And if you call from the console

const el = document.querySelector('.messages-content');
console.log(el.scrollHeight) // 9000px (примерно)

How does it work?

Answer 1

If it's here:

// после того как я построил vuex state 
  ... ).then((result) => {

not

// после того как я построил vuex state 
  return somePromice;}).then((result) => {

then that's the way it should be