Почему не срабатывает nextTick?

Question

[SM_ST]

Подскажите, почему не срабатывает nextTick , я перемещаю скролл, но в alert он выдает значение до перемещения

prevBanner () {
      const $scroll = this.$refs.bannerScroll.scrollLeft
      this.$refs.bannerScroll.scrollTo({
        left: $scroll - 750,
        behavior: 'smooth'
      })
      this.$nextTick(() => {
        if (this.$refs.bannerScroll.scrollLeft === 0) {
          this.isVisiblePrev = false
        }
        alert(this.$refs.bannerScroll.scrollLeft)
        this.isVisibleNext = true
      })
    },

Answer 1

[Aetae]

Ну потому что smooth. $nextTick - это не какое-то абстрактное "когда всё закончилось", это буквально следующий тик vue, который наступит через пару миллисекунд. smooth к тому времени только начнёт крутить.

Comments

[SM_ST]

а как можно решить эту проблему?

[Aetae]

SM_ST, нормального решения как не было так и нет. Самое надёжное - не использовать 'smooth', а использовать какие-то библиотеки с тем же функционалом.
Накостылять можно отслеживая позицию по setTimeout или событию scroll/scrollend, но нет никакой гарантии, что кто-то не начнёт скроллить вручную и всё не сломает.