做实时聊天时用到的场景:
使用侦听属性watch,侦听改变的变量Talk
watch: {
Talk() {
this.$nextTick(() => {
var container = this.$el.querySelector('#talk')
container.scrollTop = container.scrollHeight
})
}
}
要用到this.$nextTick方法,$nextTick 是在下次 DOM 更新循环结束之后执行延迟回调,在修改数据之后使用 $nextTick,则可以在回调中获取更新后的 DOM,具体用法可查看官方文档。