更新记录

1.0.0（2026-06-16） 下载此版本

有啥需求留言！注意事项：小程序弹出软键盘是带拼音的 虽然有格式化！

平台兼容性

uni-app

xairiy-thousands 千分位金额输入组件

功能特性

1. inputmode="decimal" 移动端唤起带小数点数字键盘 小程序情况下呼出 键盘是带拼音的
2. 自动千分位逗号格式化展示，聚焦显示原始数字、失焦自动格式化
3. 自定义小数精度 precision，支持整数模式（精度0）
4. 自动过滤汉字、字母、特殊符号，仅保留数字与小数点
5. 支持自定义外层容器、输入框样式、禁用状态、占位符
6. 对外暴露获取格式化文本、纯数字金额方法

基础使用示例

<template>
  <xairiy-thousands 
  v-model="value" 
  :precision="2" 
  :inputStyle="{ width: '100%',height:'99rpx' ,textAlign: 'right',border:'1px solid #999' }" 
  :wrapStyle={width:'100%'}
  @change="onAmountChange" 
  placeholder="请输入金额" 
  />
</template>

<script setup>
import { ref } from 'vue'
const value = ref(null)
const numVal = ref(null)

const onAmountChange = (e) => {
  value.value = e.display;
  numVal = e.number;
}
</script>

参数         类型           默认值                说明
modelValue  Number/String   null                   双向绑定金额数值
precision     Number           2                     保留小数位数，传 0 仅允许输入整数
placeholder String      请输入金额                输入框提示文字
disabled      Boolean        false                 是否禁用输入框
wrapStyle     Object      {width:'100%'}             外层容器自定义样式
inputStyle  Object    基础输入框样式              输入框自定义样式