首页 > 其他分享 >用cube-ui的scroll实现下拉获取历史记录的功能,并且实现类似于微信的下拉保留当前位置的效果

用cube-ui的scroll实现下拉获取历史记录的功能,并且实现类似于微信的下拉保留当前位置的效果

时间:2022-08-18 17:48:31浏览次数:67  
标签:历史记录 cube 微信 refs lastH qa ui let 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) })



标签:历史记录,cube,微信,refs,lastH,qa,ui,let,scroll
From: https://www.cnblogs.com/qianxiaoniantianxin/p/16597701.html

相关文章