Components
NumberField 数字输入
带步进按钮的数字输入,支持边界与只读模式。
基础与尺寸
左右步进按钮,超界自动夹取。
<div class="grid gap-5 sm:grid-cols-2 max-w-lg">
<NumberField v-model="n1" label="节点数量" :min="1" :max="99" />
<NumberField v-model="n2" label="批量步长" :min="0" :max="1000" :step="10" size="lg" />
</div>API 参考
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
model-value | number | 0 | v-model 数值。 |
min / max / step | number | — | 边界与步长。 |
size | 'sm' | 'md' | 'lg' | md | 高度。 |
label | string | — | 上方标签。 |
disabled / readonly | boolean | false | 状态控制。 |