diff --git a/resources/assets/js/pages/manage/components/DialogItem.vue b/resources/assets/js/pages/manage/components/DialogItem.vue
index aaf57627b..72223b6b9 100644
--- a/resources/assets/js/pages/manage/components/DialogItem.vue
+++ b/resources/assets/js/pages/manage/components/DialogItem.vue
@@ -91,7 +91,28 @@ export default {
         }
     },
 
+    watch: {
+        source: {
+            handler() {
+                this.msgRead();
+            },
+            immediate: true,
+        },
+        windowActive(active) {
+            if (active) {
+                this.msgRead();
+            }
+        }
+    },
+
     methods: {
+        msgRead() {
+            if (!this.windowActive) {
+                return;
+            }
+            this.$store.dispatch("dialogMsgRead", this.source);
+        },
+
         onViewTag() {
             this.onViewReply({
                 msg_id: this.source.id,
diff --git a/resources/assets/js/pages/manage/components/DialogView.vue b/resources/assets/js/pages/manage/components/DialogView.vue
index 6252ae4bb..318c8d30b 100644
--- a/resources/assets/js/pages/manage/components/DialogView.vue
+++ b/resources/assets/js/pages/manage/components/DialogView.vue
@@ -190,7 +190,7 @@ export default {
     },
 
     computed: {
-        ...mapState(['loads', 'audioPlaying', 'windowActive']),
+        ...mapState(['loads', 'audioPlaying']),
         ...mapGetters(['isLoad']),
 
         isLoading() {
@@ -259,17 +259,6 @@ export default {
     },
 
     watch: {
-        msgData: {
-            handler() {
-                this.msgRead();
-            },
-            immediate: true,
-        },
-        windowActive(active) {
-            if (active) {
-                this.msgRead();
-            }
-        },
         operateAction(val) {
             this.operateEnter = false;
             if (val) {
@@ -285,13 +274,6 @@ export default {
             this.$emit("on-longpress", {event, el, msgData: this.msgData})
         },
 
-        msgRead() {
-            if (!this.windowActive) {
-                return;
-            }
-            this.$store.dispatch("dialogMsgRead", this.msgData);
-        },
-
         openReadPercentage() {
             if (this.popperLoad > 0) {
                 return;