更新记录

1.0.0（2026-07-15） 下载此版本

带加减按钮的数字输入框

平台兼容性

uni-app(3.8.0)

kex-number-box

带加减按钮的数字输入框（uni-app Vue3 / <script setup>）。
支持长按连点、尺寸预设、主题皮肤、小数步进。

本组件面向 Vue3。当前演示工程 vueVersion: "3"。

平台兼容

安装

放入 uni_modules/kex-number-box 后 easycom 自动引入。

基本用法

<template>
  <kex-number-box v-model="num" :min="0" :max="99" @change="onChange" />
</template>

<script setup>
import { ref } from 'vue'

const num = ref(1)
const onChange = (val) => {
  console.log(val)
}
</script>

进阶用法

<!-- 尺寸 + 主题 + 长按连点 -->
<kex-number-box
  v-model="num"
  size="large"
  theme="primary"
  :step="0.1"
  :longpress="true"
/>

<!-- 关闭长按 / 禁止手动输入 -->
<kex-number-box v-model="num" :longpress="false" :inputable="false" theme="outline" />

API

Props

Events