用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)
})




posted @ 2022-08-18 17:30  搬砖的苦行僧  阅读(58)  评论(0编辑  收藏  举报