修复GLM流式输出内容问题

src/components/chatContent.vue

@@ -1,5 +1,5 @@
 <template>
-  <section class="chatContent" @scroll="onScroll">
+  <section class="chatContent">
     <div class="chat-wrapper" v-for="item in list" :key="item.id">
       <div class="chat-friend" v-if="item.uid !== 'me'">
         <div class="chat-text" v-if="item.chatType == 0">
@@ -41,32 +41,14 @@ export default {
   props: {
     list: {default: () => []}
   },
-  data() {
-    return {
-      demo: "要针对一个CSS滚动到元素的最底部，可以使用以下JS代码：\n" +
-          "\n" +
-          "``` javascript\n" +
-          "var element = document.getElementById('yourElementId');\n" +
-          "scrollToBottom(element);\n" +
-          "\n" +
-          "function scrollToBottom(element) {\n" +
-          "  element.scrollTop = element.scrollHeight - element.clientHeight;\n" +
-          "}\n" +
-          "```\n" +
-          "\n" +
-          "这个代码首先获取一个具有给定ID的元素，然后调用名为`scrollToBottom`的函数，该函数将元素滚动到底部。在`scrollToBottom`函数中，`scrollTop`属性设置为`element.scrollHeight - element.clientHeight`的结果，这将把元素滚动到它的最底部。"
+  watch: {
+    list: {
+      deep: true, handler() {
+        this.scrollBottom()
+      }
     }
   },
   methods: {
-    onScroll() {
-      const scrollDom = this.$el;
-      const scrollTop = scrollDom.scrollTop;
-      const offsetHeight = scrollDom.offsetHeight;
-      const scrollHeight = scrollDom.scrollHeight;
-      // 当滚动到底部，设置 isAutoScroll 为 true
-      this.isAutoScroll = scrollTop + offsetHeight === scrollHeight;
-      scrollDom.scrollTop = scrollHeight - scrollDom.clientHeight
-    },
     scrollBottom() {
       this.$el.scrollTop = this.$el.scrollHeight - this.$el.clientHeight
     },
@@ -75,9 +57,6 @@ export default {
         this.$message.success("已复制")
       }
     }
-  },
-  created() {
-
   }
 }
 </script>