做实时聊天时用到的场景:

使用侦听属性watch,侦听改变的变量Talk

watch: {
    Talk() {
      this.$nextTick(() => {
        var container = this.$el.querySelector('#talk')
        container.scrollTop = container.scrollHeight
      })
    }
  }

要用到this.$nextTick方法,$nextTick 是在下次 DOM 更新循环结束之后执行延迟回调,在修改数据之后使用 $nextTick,则可以在回调中获取更新后的 DOM,具体用法可查看官方文档。

Logo

前往低代码交流专区

更多推荐