茉莉兰亭

1
//获取元素 ele
2
ele.scrollTop = ele.scrollHeight - oldScrollHeight

1
//获取元素 ele
2
const oldScrollHeight = ele.scrollHeight
3
异步获取并添加数据处理.then(() => {
4
    this.$nextTick(() => {
5
        ele.scrollTop += ele.scrollHeight - oldScrollHeight
6
    })
7
})

1
<div class="是容器酱哟">
2
    <div v-if="isLoading" class="loading">
3
        <img src="@/assets/img/loading.gif">数据载入中...
4
    </div>
5
<div>

1
refreshLength: 10, // 加载分页一次性添加元素数量
2
isLoading: false // 加载状态

1
if (聊天数据.length === this.refreshLength) {
2
    this.loading = true
3
}

1
异步获取并添加数据处理.then(res => {
2
    if (res.length < this.refreshLength) {
3
        this.loading = false
4
    } else {
5
        this.$nextTick... //见上
6
    }
7
})