diff --git a/packages/image/src/image-viewer.vue b/packages/image/src/image-viewer.vue
index c3fc33c08a..0a617a6adb 100644
--- a/packages/image/src/image-viewer.vue
+++ b/packages/image/src/image-viewer.vue
@@ -155,7 +155,6 @@ export default {
   },
   methods: {
     hide() {
-      this.deviceSupportUninstall();
       this.onClose();
     },
     deviceSupportInstall() {
@@ -297,6 +296,9 @@ export default {
     // add tabindex then wrapper can be focusable via Javascript
     // focus wrapper so arrow key can't cause inner scroll behavior underneath
     this.$refs['el-image-viewer__wrapper'].focus();
+  },
+  beforeDestroy() {
+    this.deviceSupportUninstall();
   }
 };
 </script>