Vue3数字输入框（InputNumber）
可自定义设置以下属性：
-
输入框宽度（width），类型：string|number，单位px，默认 90
-
最小值（min），类型：number，默认 -Infinity
-
最大值（max），类型：number，默认 Infinity
-
每次改变步数，可以为小数（step），类型：number，默认 1
-
数值精度（precision），类型：number，默认 0
-
前缀图标（prefix），类型：string | slot，默认''
-
指定展示值的格式（formatter），类型：Function，默认 (value: string) => value
-
是否启用键盘快捷键行为（上方向键增，下方向键减）（keyboard），类型：boolean，默认 true
-
当前值（v-model:value），类型：number|null，默认 null
效果如下图：在线预览
①创建数组输入框组件InputNumber.vue：
{{ prefix }} ②在要使用的页面引入：
其中 moneyFormat() 数值格式化方法请参考：日期格式化 | Vue Amazing UI
InputNumber 数字输入框基本使用
步数为小数
限制最大最小值
添加前缀图标 $
设置精度 (precision: 2)
格式化展示
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！