diff --git a/packages/stepper/demo/index.vue b/packages/stepper/demo/index.vue
index 52a590c2c..0d59084ed 100644
--- a/packages/stepper/demo/index.vue
+++ b/packages/stepper/demo/index.vue
@@ -91,14 +91,11 @@ export default {
 
   methods: {
     onChange(value) {
-      if (this.changing) {
-        return;
-      }
+      this.$toast.loading({ forbidClick: true });
 
-      this.changing = true;
       setTimeout(() => {
-        this.changing = false;
         this.stepper6 = value;
+        this.$toast.clear();
       }, 500);
     }
   }
diff --git a/packages/stepper/en-US.md b/packages/stepper/en-US.md
index 0afc3abe9..08947ba89 100644
--- a/packages/stepper/en-US.md
+++ b/packages/stepper/en-US.md
@@ -70,14 +70,11 @@ export default {
 
   methods: {
     onChange(value) {
-      if (this.changing) {
-        return;
-      }
+      Toast.loading({ forbidClick: true });
 
-      this.changing = true;
       setTimeout(() => {
+        Toast.claer();
         this.value = value;
-        this.changing = false;
       }, 500);
     }
   }
diff --git a/packages/stepper/zh-CN.md b/packages/stepper/zh-CN.md
index 17a62a929..6077a2604 100644
--- a/packages/stepper/zh-CN.md
+++ b/packages/stepper/zh-CN.md
@@ -72,14 +72,11 @@ export default {
 
   methods: {
     onChange(value) {
-      if (this.changing) {
-        return;
-      }
+      Toast.loading({ forbidClick: true });
 
-      this.changing = true;
       setTimeout(() => {
+        Toast.claer();
         this.value = value;
-        this.changing = false;
       }, 500);
     }
   }