diff --git a/ui/src/components/ai-chat/component/operation-button/ChatOperationButton.vue b/ui/src/components/ai-chat/component/operation-button/ChatOperationButton.vue
index 4e2ee5dec3b..ac62b8c9b83 100644
--- a/ui/src/components/ai-chat/component/operation-button/ChatOperationButton.vue
+++ b/ui/src/components/ai-chat/component/operation-button/ChatOperationButton.vue
@@ -99,7 +99,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import { nextTick, onMounted, ref } from 'vue'
+import { nextTick, onMounted, ref, onBeforeUnmount } from 'vue'
 import { useRoute } from 'vue-router'
 import { copyClick } from '@/utils/clipboard'
 import applicationApi from '@/api/application'
@@ -489,7 +489,7 @@ class AudioManage {
     // text 处理成纯文本
     text = markdownToPlainText(text)
     const split = smartSplit(
-      props.data.answer_text,
+      text,
       {
         0: 20,
         1: 50,
@@ -526,6 +526,11 @@ onMounted(() => {
     }
   })
 })
+onBeforeUnmount(() => {
+  if (audioManage.value) {
+    audioManage.value.pause()
+  }
+})
 </script>
 <style lang="scss" scoped>
 @media only screen and (max-width: 430px) {