计数器
支持最大值、最小值-基础用法
vue
<template>
<jp-number-stepper v-model="value" :max="5" :min="1"></jp-number-stepper>
</template>
<script lang="ts" setup>
const value = ref()
</script>
支持 step
vue
<template>
<jp-number-stepper v-model="value" :step="3"></jp-number-stepper>
</template>
<script lang="ts" setup>
const value = ref()
</script>
props
| 属性名 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| modelValue | Number | 1 | value 值 |
| min | Number | 1 | 最小值 |
| max | Number | 9999999 | 最大值 |
| step | Number | 1 | 步长 |
| disabled | Boolean | false | 是否禁用 |
| 自定义事件名 | 描述 |
|---|---|
| update:modelValue | 更新 value 事件 |
| change | 改变事件 |