FaNumberField 数字输入框

数字输入框组件，支持增减按钮和数值范围控制。

基础用法

<script setup lang="ts">
const value = ref(0)
</script>

<template>
  <FaNumberField v-model="value" />
</template>

最小值 / 最大值 / 步长

<script setup lang="ts">
const value = ref(10)
</script>

<template>
  <FaNumberField v-model="value" :min="0" :max="100" :step="5" />
</template>

API

Props

参数	说明	类型	默认值
modelValue	绑定值	number	required
min	最小值	number	undefined
max	最大值	number	undefined
step	步长	number	undefined
disabled	是否禁用	boolean	false
class	自定义类名	HTMLAttributes['class']	undefined

Events

事件名	说明	回调参数
update:modelValue	值更新时触发	(value: number)

Slots

名称	说明
-	无插槽

示例

禁用状态

<script setup lang="ts">
const value = ref(50)
</script>

<template>
  <FaNumberField v-model="value" disabled />
</template>

带自定义宽度

<script setup lang="ts">
const value = ref(0)
</script>

<template>
  <FaNumberField v-model="value" class="w-[300px]" />
</template>