javascript - vue中如何监听div的内容正在更新？

Question

我有一个 list 由 v-for 创建并由 md-scrollbar 包装。

<md-content class="md-scrollbar">
  <div v-for="(msg, index) of list" :key="index">
    {{msg}}
  </div>
</md-content>

列表更改后，我希望滚动条滚动到底部。所以需要监听元素updated事件或者scrollbar scrollHeight changed事件。如何监听某个 DOM 元素的属性发生变化？

顺便说一句，我无法在列表更改逻辑后移动滚动条，因为那时还没有呈现新元素，md-scrollbar 的高度没有更新。

Answer 1

因为您需要更新的 dom，您可以使用 Vue.nextTick (列表数据更新后):

Vue.nextTick(function () {
  // DOM updated
})