controlled.vue 528 B

12345678910111213
  1. <template>
  2. <el-input-number v-model="num" :min="1" :max="10" controls-position="right" size="large" @change="handleChange" />
  3. <el-input-number v-model="num" class="mx-4" :min="1" :max="10" controls-position="right" @change="handleChange" />
  4. <el-input-number v-model="num" :min="1" :max="10" size="small" controls-position="right" @change="handleChange" />
  5. </template>
  6. <script lang="ts" setup>
  7. import { ref } from 'vue'
  8. const num = ref(1)
  9. const handleChange = (value: number) => {
  10. console.log(value)
  11. }
  12. </script>