From afeb159deabb9c66fb7f02b5d9471e9d8ddfaba0 Mon Sep 17 00:00:00 2001
From: 5918vo <146824980+5918vo@users.noreply.github.com>
Date: Sat, 13 Jul 2024 15:13:20 +0800
Subject: [PATCH] docs: event demo (#7699)

---
 components/slider/demo/event.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/slider/demo/event.vue b/components/slider/demo/event.vue
index a1733cb72a..67b1f5df3a 100644
--- a/components/slider/demo/event.vue
+++ b/components/slider/demo/event.vue
@@ -17,8 +17,8 @@ The `onChange` callback function will fire when the user changes the slider's va
 
 <template>
   <div class="code-box-demo">
-    <a-slider v-model:value="value1" @afterChange="onAfterChange" />
-    <a-slider v-model:value="value2" range :step="10" @afterChange="onAfterChange" />
+    <a-slider v-model:value="value1" @change="onChange" @afterChange="onAfterChange" />
+    <a-slider v-model:value="value2" range :step="10" @change="onChange" @afterChange="onAfterChange" />
   </div>
 </template>
 <script lang="ts" setup>
@@ -26,6 +26,10 @@ import { ref } from 'vue';
 const value1 = ref<number>(30);
 const value2 = ref<[number, number]>([20, 50]);
 
+const onChange = (value: number) => {
+  console.log('onChange: ', value);
+};
+
 const onAfterChange = (value: number) => {
   console.log('afterChange: ', value);
 };