NumberKeyboard 数字键盘

代码演示

基本用法

快捷输入数字

<template>
  <wl-number-keyboard
    v-model:value="value"
    :precision="2"
    addonAfter="CNY"
    placeholder="0"
    style="width: 240px"
    @enter="handleCalc"
  />
</template>

<script setup lang="ts">
import { ref } from "vue";
const value = ref();
function handleCalc() {
  console.log(value.value);
}
</script>

API

参数	说明	类型	默认值
quickNums	快捷输入数字数组	Array<number>	[100, 500, 1000, 1500, 2000, 2500]
min	最小值	number	0
max	最大值	number	100000000
precision	精度	number	0