feat: 进入对话滚动到底部

src/views/asistant/index.vue

@@ -29,9 +29,9 @@ import HeaderTitle from '@/components/HeaderTitle.vue'
 import NoticeList from './components/NoticeList.vue'
 import InputArea from './components/InputArea.vue'
 import GenerateLoading from './components/GenerateLoading.vue'
-import { ref, onMounted, onUnmounted } from 'vue'
+import { ref, onUnmounted, onActivated } from 'vue'
 import { useRouter } from 'vue-router'
-import { useUserInfoStore,useGenerateStore } from '@/stores'
+import { useUserInfoStore, useGenerateStore } from '@/stores'
 import { streamChatAddress } from '@/api/workshop'
 import { generateUUID } from '@/utils/tools'
 import { showToast } from 'vant'
@@ -47,6 +47,7 @@ defineOptions({
 // 定义NoticeList组件引用类型
 interface NoticeListRef {
   simulateSendMessage: () => void
+  scrollToBottom: () => void
 }
 // 定义消息类型
 interface ChatMessage {
@@ -66,7 +67,9 @@ const messageList = ref<ChatMessage[]>([])
 const isStreaming = ref<boolean>(false)
 const currentStreamingMessage = ref<ChatMessage | null>(null)
 
-onMounted(() => {})
+onActivated(() => {
+  noticeListRef.value?.scrollToBottom()
+})
 
 onUnmounted(() => {
   abort.abort()
@@ -133,6 +136,7 @@ const handleFetchMessage = (message: string) => {
     credentials: 'include'
   })
     .then(async (response) => {
+      console.log('response',response)
       if (!response.ok) {
         showToast({
           message: `failed to fetch: ${response.status}`,