InputNumber 数字输入框

avue-input-number：数字。Form 中使用 type: number，范围与精度规则相同。

通用属性、字典与事件见 基础组件使用约定。模板属性可写为 kebab-case，Form 配置对象使用 camelCase。

基础用法

效果预览可直接操作下方示例

独立组件通过 v-model 绑定单个字段；在 Form 中使用时，将相应配置放入 column。

正在加载示例…

<template>
  <el-row :span="24">
    <el-col :xs="24" :md="12">
      值:{{form}}<br />
      <avue-input-number v-model="form"></avue-input-number>
    </el-col>
    <el-col :span="24"></el-col>
    <el-col :xs="24" :md="12">
      值:{{form}}<br />
      <avue-input-number v-model="form"
                         :precision="2"
                         controls-position=""></avue-input-number>
    </el-col>
    <el-col :span="24"></el-col>
    <el-col :xs="24" :md="12">
      有最小最大值的数据:{{hasMinMaxForm}}<br />
      <avue-input-number v-model="hasMinMaxForm"
                         :precision="2"
                         controls-position=""
                         :min="min"
                         :max="max"></avue-input-number>
    </el-col>
  </el-row>
</template>
<script setup>
import { ref } from 'vue';
const form = ref(1)
const hasMinMaxForm = ref(1)
const min = ref(0)
const max = ref(10)

</script>

属性

属性	类型	默认值	说明
min / max	number	-Infinity / Infinity	取值上下限
step	number	1	增减步长
stepStrictly	boolean	false	值只能是步长倍数
precision	number	—	小数位数，不默认固定为 2
controls	boolean	true	显示增减按钮
controlsPosition	string	right	right 或空字符串（两侧）
prefix / suffix	string	—	前置/后置文本
prefixClick / suffixClick	function	空函数	参数为当前数值
align	string	—	文本对齐方式
disabledScientific	boolean	false	禁用科学计数法

清空可产生空值，提交前应按业务规则校验。更多演示见 Number 表单。