diff --git a/web/src/pages/Edit/components/Count.vue b/web/src/pages/Edit/components/Count.vue
index 6176de67..359c1b6e 100644
--- a/web/src/pages/Edit/components/Count.vue
+++ b/web/src/pages/Edit/components/Count.vue
@@ -23,7 +23,11 @@ import { mapState } from 'vuex'
 let countEl = document.createElement('div')
 export default {
   name: 'Count',
-  props: {},
+  props: {
+    mindMap: {
+      type: Object
+    }
+  },
   data() {
     return {
       textStr: '',
@@ -36,6 +40,9 @@ export default {
   },
   created() {
     this.$bus.$on('data_change', this.onDataChange)
+    if (this.mindMap) {
+      this.onDataChange(this.mindMap.getData())
+    }
   },
   beforeDestroy() {
     this.$bus.$off('data_change', this.onDataChange)
diff --git a/web/src/pages/Edit/components/Edit.vue b/web/src/pages/Edit/components/Edit.vue
index e77fa748..1a8ae5f1 100644
--- a/web/src/pages/Edit/components/Edit.vue
+++ b/web/src/pages/Edit/components/Edit.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="editContainer">
     <div class="mindMapContainer" ref="mindMapContainer"></div>
-    <Count v-if="!isZenMode"></Count>
+    <Count :mindMap="mindMap" v-if="!isZenMode"></Count>
     <Navigator :mindMap="mindMap"></Navigator>
     <NavigatorToolbar :mindMap="mindMap" v-if="!isZenMode"></NavigatorToolbar>
     <OutlineSidebar :mindMap="mindMap"></OutlineSidebar>