调整监听问题

src/views/home/components/ChatContent.vue

@@ -4,7 +4,7 @@ import { markedRender } from '@/libs/highlight'
 import type { ChatMessage } from '@/types'
 import { Service, UserFilled } from '@element-plus/icons-vue'
 import { ElIcon } from 'element-plus'
-import { computed, ref, onMounted, onUnmounted } from 'vue'
+import { computed, ref, onMounted, onUnmounted, watch, nextTick } from 'vue'
 
 interface Props {
   messages: ChatMessage[]
@@ -46,6 +46,13 @@ const getRenderedContent = computed(() => (content: string) => {
   return markedRender(content)
 })
 
+// 监听消息变化，自动滚动到底部
+watch(() => props.messages, () => {
+  nextTick(() => {
+    scrollToBottom()
+  })
+}, { deep: true })
+
 defineExpose({
   chatListDom,
   scrollToBottom