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-valuenumber0v-model 数值。
min / max / stepnumber—边界与步长。
size'sm' | 'md' | 'lg'md高度。
labelstring—上方标签。
disabled / readonlybooleanfalse状态控制。