diff --git a/packages/core/useElementSize/index.ts b/packages/core/useElementSize/index.ts
index db4637bdba29..c9422f6a3c8a 100644
--- a/packages/core/useElementSize/index.ts
+++ b/packages/core/useElementSize/index.ts
@@ -1,8 +1,8 @@
-import { ref } from 'vue-demi'
+import { ref, watch } from 'vue-demi'
 import type { MaybeElementRef } from '../unrefElement'
 import type { ResizeObserverOptions } from '../useResizeObserver'
 import { useResizeObserver } from '../useResizeObserver'
-
+import { unrefElement } from '../unrefElement'
 export interface ElementSize {
   width: number
   height: number
@@ -32,7 +32,10 @@ export function useElementSize(
     },
     options,
   )
-
+  watch(() => unrefElement(target), (ele) => {
+    width.value = ele ? initialSize.width : 0
+    height.value = ele ? initialSize.height : 0
+  })
   return {
     width,
     height,