diff --git a/nezha-fronted/src/components/chart/chartHeader.vue b/nezha-fronted/src/components/chart/chartHeader.vue
index 930301870..a349c9198 100644
--- a/nezha-fronted/src/components/chart/chartHeader.vue
+++ b/nezha-fronted/src/components/chart/chartHeader.vue
@@ -73,7 +73,7 @@
               <i class="el-icon-copy-document" style="font-size: 16px;"></i>
               <span>{{$t('dashboard.duplicate')}}</span>
             </li>
-            <li v-if="from !== this.$CONSTANTS.fromRoute.chartTemp && chartInfo.pid" v-has="'main_edit'" class="el-dropdown-menu__item" @click="$emit('sync')">
+            <li v-if="from !== this.$CONSTANTS.fromRoute.chartTemp && chartInfo.pid" v-has="'main_edit'" class="el-dropdown-menu__item" @click="sync">
               <i class="nz-icon nz-icon-sync" style="font-size: 16px;"></i>
               <span>{{$t('overall.syncChart')}}</span>
             </li>
diff --git a/nezha-fronted/src/components/chart/chartHeaderMixin.js b/nezha-fronted/src/components/chart/chartHeaderMixin.js
index afa6e32a5..393ee1a94 100644
--- a/nezha-fronted/src/components/chart/chartHeaderMixin.js
+++ b/nezha-fronted/src/components/chart/chartHeaderMixin.js
@@ -43,18 +43,25 @@ export default {
         chart: this.chartInfo,
         type: 'edit'
       })
+      this.dropdownMenuShow = false
     },
     removeChart () {
       this.$store.dispatch('dispatchDelChart', {
         chart: this.chartInfo,
         type: 'delete'
       })
+      this.dropdownMenuShow = false
     },
     duplicate () {
       this.$store.dispatch('dispatchEditChart', {
         chart: this.chartInfo,
         type: 'duplicate'
       })
+      this.dropdownMenuShow = false
+    },
+    sync () {
+      this.$emit('sync')
+      this.dropdownMenuShow = false
     },
     clickos () {
       this.dropdownMenuShow = false