聊天页面自动滚动到底部

2020-10-22  本文已影响0人  一缕暖阳_7846

// //监听消息列表
watch: {
records(value) {
this.scrollToBottom()
},
},
methods: {
scrollToBottom() {
this.nextTick(() => { const container = this.refs["滚动条起始位置"] // 获取对象
container.scrollTop = container.scrollHeight
document.getElementById('输入框id').focus(); //聚焦到输入框
})
},
}

上一篇 下一篇

猜你喜欢

热点阅读