Number 数字框

常用与数字相关的场景。

注意

pa-number 可独立使用，在 pa-form/pa-table 中可使用时，需配置 prop 字段。

组件功能展示

基础使用

基础使用

333

Display

0

333

<template>
  <pa-title :padding="['bottom']">基础使用</pa-title>
  <pa-number
    v-model="value1"
    controls
    :size="size"
    :contrastData="value2"
    :title="{ 'en-US': 'Basic Usage', 'zh-CN': '基础使用' }"
  ></pa-number>

  <pa-title :padding="['bottom']">Display</pa-title>
  <pa-number v-model="value3" controls :size="size" display :contrastData="value2"></pa-number>
</template>

<script lang="ts" setup>
import { ref, Ref } from "vue";
const value1 = ref(123);
const value2 = ref(333);
const value3 = ref();

const size: Ref<"default" | "large" | "small"> = ref("default");
</script>

<style></style>

显示代码

SaNumberType

字段	描述	类型	默认值
modelValue	绑定值	string number	—
placeholder	输入框提示	Record<"en-US" | "zh-CN", string> string	—
disabled	禁用状态	boolean	false
display	纯展示	boolean	false
controls	显示控制器	boolean	false
max	最大值	number	—
min	最小值	number	—
unit	单位	string	—
precision	小数点精度	number	0
clearable	显示清除按钮	boolean	true
autofocus	自动获取焦点	boolean	false
step	计数器步长	number	1
contrastData	对比用原数据	number / string	—
alwaysContrast	是否总是显示对不数据	boolean	false

SaNumberEvents

字段	描述	类型
change	当值改变时触发	function