用cube-ui的scroll实现下拉获取历史记录的功能,并且实现类似于微信的下拉保留当前位置的效果
1. 下拉获取历史记录数据historyList
2. 页面上的对话列表数据messageList
3. 将历史记录的数据合并到对话数据上
this.messageList = [...historyList, ...this.messagelists]
4. 历史记录从下往上显示
let lastH = this.$refs['qa_container'].scrollHeight // 滚动前div的高度
this.$nextTick(() => {
let height = this.$refs['qa_container'].scrollHeight // 滚动后div的高度
let length = lastH - height // 当前应显示的位置的高度
this.$refs.scroll.refresh()
this.$refs.scroll.scrollTo(0, length+50, 0)
})