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