Skip to content

InputNumberRange 数字范围输入

代码演示

基本用法
输入数字范围
vue
<template>
  <a-form
    ref="formRef"
    layout="vertical"
    :model="formState"
    style="width: 300px"
  >
    <a-form-item label="取值范围" name="valueRange" required>
      <wl-input-number-range
        v-model:value="formState.valueRange"
        :placeholder="['开始值', '结束值']"
      />
    </a-form-item>
  </a-form>
</template>

<script setup lang="ts">
import { ref } from "vue";
const formState = ref({ valueRange: [] });
</script>

API

参数说明类型默认值
value(v-model)number[][]
min最小输入限制number
min最大输入限制number
precision精度number
placeholder占位符string[]
separator分割符string-