skong
/
synctv-web
mirror of https://github.com/synctv-org/synctv-web.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: chat message save isolation

This commit is contained in:
zijiren233 2024-08-31 10:38:30 +08:00
parent a60e27ef5e
commit 414d798f3b
1 changed files with 3 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/Cinema.vue
View File

@ -115,6 +115,8 @@ const sendMsg = (msg: string) => {
if (msgList.value.length > MAX_MESSAGE_COUNT) {
msgList.value.splice(0, msgList.value.length - MAX_MESSAGE_COUNT);
}
// 将新消息存储到 sessionStorage
sessionStorage.setItem(`chatMessages-${roomID}`, JSON.stringify(msgList.value));
});
// 确保聊天区域滚动到底部
@ -271,10 +273,6 @@ const handleElementMessage = (msg: ElementMessage) => {
// 添加消息到消息列表
sendMsg(messageWithTime);
sendDanmuku(msg.chatResp!.message);
// 自动滚动到最底部
if (chatArea.value) chatArea.value.scrollTop = chatArea.value.scrollHeight;
break;
}
case ElementMessageType.PLAY:
@ -380,7 +378,7 @@ onMounted(async () => {
if (!myInfo.value) await getMyInfo(roomToken.value);
// 从 sessionStorage 获取存储的聊天消息
const storedMessages = sessionStorage.getItem("chatMessages");
const storedMessages = sessionStorage.getItem(`chatMessages-${roomID}`);
if (storedMessages) {
msgList.value = JSON.parse(storedMessages);
}
@ -396,8 +394,6 @@ onMounted(async () => {
try {
const arr = await blobToUint8Array(data.value);
handleElementMessage(ElementMessage.decode(arr));
// 将新消息存储到 sessionStorage
sessionStorage.setItem("chatMessages", JSON.stringify(msgList.value));
} catch (err: any) {
console.error(err);
ElMessage.error(err.message);