会话tab切页信息更新

chat.vue

@@ -6,7 +6,7 @@
                 <chat-room />
                 <chat-room />
             </div>
             </div>
             <div class="chat-panel pos-rel" v-if="!userMode">
             <div class="chat-panel pos-rel" v-if="!userMode">
-                <el-tabs class="chat-panel-tabs h-100" v-model="currentTab" v-if="currentChat">
+                <el-tabs class="chat-panel-tabs h-100" v-model="currentTab" v-if="currentChat && !refreshFlag">
                     <el-tab-pane label="数据" name="one" class="h-100">
                     <el-tab-pane label="数据" name="one" class="h-100">
                         <ModelDetail
                         <ModelDetail
                             :model_name="currentChat.business_data.model_name"
                             :model_name="currentChat.business_data.model_name"
@@ -48,7 +48,7 @@
     </div>
     </div>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
-import { Component, Vue } from "vue-property-decorator";
+import { Component, Vue, Watch } from "vue-property-decorator";
 import remarkList from "../components/common/remarkList.vue";
 import remarkList from "../components/common/remarkList.vue";
 import ChatMembers from "./components/chat-members.vue";
 import ChatMembers from "./components/chat-members.vue";
 import ChatRoom from "./components/chat-room.vue";
 import ChatRoom from "./components/chat-room.vue";
@@ -96,7 +96,7 @@ export default class Chat extends Vue {
     private readonly _addMember!: ChatStore.ACTION_CHAT_ADD_MEMBERS;
     private readonly _addMember!: ChatStore.ACTION_CHAT_ADD_MEMBERS;
 
 
     private userMode = false;
     private userMode = false;
-
+    private refreshFlag = false;
     private currentTab = "one";
     private currentTab = "one";
 
 
     private shortCutMsgs = ["快捷回复1", "快捷回复2", "快捷回复3", "快捷回复4"];
     private shortCutMsgs = ["快捷回复1", "快捷回复2", "快捷回复3", "快捷回复4"];
@@ -109,6 +109,13 @@ export default class Chat extends Vue {
     private terminate() {
     private terminate() {
         this._terminate();
         this._terminate();
     }
     }
+
+    @Watch("chatId") chatIdUpdate() {
+        this.refreshFlag = true;
+        this.$nextTick(() => {
+            this.refreshFlag = false;
+        })
+    }
 }
 }
 </script>
 </script>
 <style lang="less" scoped>
 <style lang="less" scoped>