diff --git a/src/circle/index.js b/src/circle/index.js
index c0970386a..dfa818678 100644
--- a/src/circle/index.js
+++ b/src/circle/index.js
@@ -104,7 +104,8 @@ export default createComponent({
         } else {
           emit('update:currentRate', endRate);
         }
-      }
+      },
+      { immediate: true }
     );
 
     const renderHover = () => {