Как правильно работать с NExtTick м Vue?

Question

[Игорь Безлепкин]

Привет!
Есть код:

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

А если из консоли вызвать

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

Как так получается?

Comments

[alex]

codesandbox.io

Answer 1

[Антон Антон]

Если вот здесь:

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

не

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

то так и должно быть

Comments

[Игорь Безлепкин]

не понял ответа. Почему так должно быть? при то что кода в конце концов все элементы добавляются, то размер становится действительным, тоесть сначала вырастает до 19000, а потом scrollHeight уменьшается до 11000.

[Антон Антон]

Игорь Безлепкин, та функция, которая перед .then() возвращает промис?