websocket历史聊天记录

根据引用\[1\]和引用\[2\]的内容，可以使用WebSocket实现历史聊天记录的功能。具体的解决思路是，在加载上一页聊天记录时，先保存当前列表的第一项的id为临时id，关闭滚动动画去加载上一页。加载完后，将上一页的聊天记录数组与当前聊天记录数组合并，然后将当前滚动id设为之前保存的临时id，再打开滚动动画。这样就可以实现加载历史聊天记录的功能。

在代码中，可以使用scroll-view组件来展示聊天记录，设置scroll-y为true，表示可以垂直滚动。通过设置scroll-with-animation为scrollAnimation变量，可以控制滚动时是否开启动画效果。使用scroll-into-view属性来设置滚动到指定的id位置。在scroll-view组件上监听scrolltoupper事件，当滚动到顶部时触发loadHistory方法，加载上一页的聊天记录。

具体的代码实现可以参考引用\[2\]中的示例代码。其中，msgList数组用来存储聊天记录，page变量表示加载的页码，默认为1。scrollAnimation变量用来控制滚动动画的开启与关闭。scrollToView变量用来设置滚动到指定的id位置。viewId变量用来保存临时停留的id。

通过以上的实现，就可以实现WebSocket历史聊天记录的功能。
#### 引用[.reference_title]
- *1* [SpringBoot与webSocket实现在线聊天室——实现私聊+群聊+聊天记录保存](https://blog.csdn.net/qq_47719491/article/details/119674507)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [【小程序】解决websocket加载历史聊天记录后，拼接记录导致页面乱滚动](https://blog.csdn.net/qq_37451395/article/details/105771667)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]