@tcly-pangu/input-money v1.0.7

金额输入框组件 InputMoney

组件安装

yarn add @tcly-pangu/input-money

引入组件

import InputMoney from '@tcly-pangu/input-money'

项目使用

<input-money v-model="form.value" @change="onChange" />
或
<InputMoney
v-model="form.value"
:min="0"
cellCursor
placeholder=""
/>

onChange 返回数据
blur 支持失焦触发,返回数据

组件支持参数

// 前缀
prefix: {
    type: String,
    required: false,
    default: ''
},
// 后缀
suffix: {
    type: String,
    required: false,
    default: null
},
// 占位符
placeholder: {
    type: String,
    required: false,
    default: '请输入'
},
// 禁用
disabled: {
    type: Boolean,
    required: false,
    default: false
},
// 默认值
defaultValue: {
    type: [Number, String],
    required: false,
    default: null
},
// 小数点
precision: {
    type: Number,
    required: false,
    default: 2
},
// 控制尺寸大小
size: {
    type: String,
    required: false,
    default: 'default'
},
// 最小值
min: {
    type: Number,
    required: false
},
// 最大值
max: {
    type: Number,
    required: false
},
// 双向绑定值
value: {
    type: [Number, String],
    required: false,
    default: ''
},
// 隐藏禁用状态效果
// 主要用于禁用状态下，获取操作数据场景
cellCursor: {
    type: Boolean,
    required: false,
    default: false
},
// 是否格式化数据
// false场景和input-number数据格式一致
isFormat: {
    type: Boolean,
    required: false,
    default: true
}