diff --git a/pages/deepMate/deepMate.vue b/pages/deepMate/deepMate.vue index e4ebce2..053e99d 100644 --- a/pages/deepMate/deepMate.vue +++ b/pages/deepMate/deepMate.vue @@ -124,7 +124,7 @@ @@ -313,20 +313,23 @@ const simulateBotResponse = (userMessage) => { }); // 模拟流式响应 - let responseText = `我已经收到您的消息: "${userMessage}"。作为您的股市顾问,我可以为您提供专业的投资建议。请问您想了解哪方面的信息?作为您的股市顾问,我可以为您提供专业的投资建议。请问您想了解哪方面的信息?作为您的股市顾问,我可以为您提供专业的投资建议。请问您想了解哪方面的信息?作为您的股市顾问,我可以为您提供专业的投资建议。请问您想了解哪方面的信息?作为您的股市顾问,我可以为您提供专业的投资建议。请问您想了解哪方面的信息?作为您的股市顾问,我可以为您提供专业的投资建议。请问您想了解哪方面的信息?作为您的股市顾问,我可以为您提供专业的投资建议。请问您想了解哪方面的信息?作为您的股市顾问,我可以为您提供专业的投资建议。请问您想了解哪方面的信息?作为您的股市顾问,我可以为您提供专业的投资建议。请问您想了解哪方面的信息?作为您的股市顾问,我可以为您提供专业的投资建议。请问您想了解哪方面的信息?作为您的股市顾问,我可以为您提供专业的投资建议。请问您想了解哪方面的信息?`; + let responseText = `我已经收到您的消息: "${userMessage}"。作为您的股市顾问,我可以为您提供专业的投资建议。请问您想了解哪方面的信息?`; let index = 0; const typeWriter = () => { if (index < responseText.length) { - botMsg.content += responseText.charAt(index); + // 使用 Vue 的响应式更新机制 + messages.value[messages.value.length - 1].content = responseText.substring(0, index + 1); index++; // 滚动到底部 - scrollToBottom(); + nextTick(() => { + scrollToBottom(); + }); setTimeout(typeWriter, 30); } else { - botMsg.isTyping = false; + messages.value[messages.value.length - 1].isTyping = false; isSending.value = false; } };