github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

docs: event demo (#7699) (#7728)

pull/7825/head
5918vo 2024-09-05 11:38:10 +08:00 committed by GitHub
parent c69a6d29b2
commit 89eec07145
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/slider/demo/event.vue
View File

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