Input Number 数字输入框

仅允许输入标准的数字值，可定义范围

基础用法

要使用它，只需要在 <a-input-number> 元素中使用 v-model 绑定变量即可，变量的初始值即为默认值。

Details

<template>
  <a-input-number class="vp-raw" v-model="input" placeholder="Please input" />
</template>

<script lang="ts" setup>
import { ref } from 'vue'
const input = ref(520)
</script>

<style lang="less" scoped>

</style>

禁用状态

通过 disabled 属性指定是否禁用 input-number 组件

Details

<template>
  <a-input-number v-model="input" disabled  />
</template>

<script lang="ts" setup>
import { ref } from 'vue'
const input = ref(1)
</script>

<style lang="less" scoped>

</style>