数字输入 InputNumber

基础用法

vue

<template>
  <bp-space type="vertical">
    <bp-input-number
      size="default"
      :style="{ width: '180px' }"
      v-model="val"
      :precision="4"
      :step="0.001"
      :max="5"
      :min="-1"
      placeholder="Please enter"
    ></bp-input-number>
  </bp-space>
</template>

<script setup lang="ts">
import { ref } from "vue";

const val = ref<number>(2);
</script>

InputNumber 属性

v-model	绑定值	NumberString	-	-
id	输入框 ID	String	-	-
name	输入框名称	String	-	-
placeholder	占位文本	String	-	-
size	输入框尺寸	InputSize	default	-
unit	单位	String	-	-
hide-button	是否隐藏步进按钮	Boolean	-	-
precision	小数精度	Number	-	-
step	步进值	Number	1	-
min	最小值	Number	Number.MIN_SAFE_INTEGER	-
max	最大值	Number	Number.MAX_SAFE_INTEGER	-
readonly	是否只读	Boolean	-	-
disabled	是否禁用	Boolean	-	-
nan-to-zero	NaN 是否转为 0	Boolean	-	-
model-event	触发更新事件	String	input	-

InputNumber 事件

input	输入触发	value: Number	-
blur	失焦触发	--	-
step	步进触发	value: Number	-

InputNumber 方法

focus	聚焦	-	-	-
blur	失焦	-	-	-
getStringValue	获取格式化字符串	-	-	-

数字输入 InputNumber ​

基础用法 ​

InputNumber 属性 ​

InputNumber 事件 ​

InputNumber 方法 ​

数字输入 InputNumber

基础用法

InputNumber 属性

InputNumber 事件

InputNumber 方法