数字输入框 (Number)

对应 el-input-number，用于数值输入。

配置类型

• number
• numberbox

演示 (Demo)

基础用法

Value: 1

步长与精度 (Step & Precision)

Value: 1.5

<el-row :gutter="20" style="margin-top: 20px;">
  <el-col :span="12">
     <h4>范围限制 (Min/Max)</h4>
     <DynaForm
       v-model="val3"
       :config="config3"
     />
     <div class="demo-value">Value: 5 (0~10)</div>
  </el-col>
  <el-col :span="12">
     <h4>禁用状态 (Disabled)</h4>
     <DynaForm
       v-model="val4"
       :config="config4"
     />
  </el-col>
</el-row>

示例代码

<!-- 1. 基础用法 -->
<DynaForm
  v-model="count"
  :config="{ type: 'NUMBOX', label: '数量' }"
/>

<!-- 2. 步长与精度 -->
<DynaForm
  v-model="money"
  :config="{ 
    type: 'NUMBOX', 
    label: '金额',
    step: 0.1,
    precision: 2
  }"
/>

<!-- 3. 范围限制 -->
<DynaForm
  v-model="score"
  :config="{ 
    type: 'NUMBOX', 
    label: '评分',
    min: 0,
    max: 10
  }"
/>

属性列表 (config)

属性名	类型	说明
min	Number	最小值
max	Number	最大值
step	Number	步长
precision	Number	数值精度 (保留小数位数)
disabled	Boolean	是否禁用
readonly	Boolean	是否只读