InputMoney 金额输入框

处理输入金额

基础用法

intNum:10

intNum:4, floatNum: 3

intNum:4, floatNum: 0

moneyStyle: false

negativeEnable: true

<template>
  <div>
    <h3>intNum:10</h3>
    <jp-input-money clearable :intNum="10" v-model="input" placeholder="请输入金额"></jp-input-money>
    <h3>intNum:4, floatNum: 3</h3>
    <jp-input-money clearable :intNum="4" v-model="input2" :floatNum="3" placeholder="请输入金额"></jp-input-money>
    <h3>intNum:4, floatNum: 0</h3>
    <jp-input-money clearable :intNum="4" v-model="input3" :floatNum="0" placeholder="请输入金额"></jp-input-money>
    <h3>moneyStyle: false</h3>
    <jp-input-money clearable :moneyStyle="false" v-model="input4" placeholder="请输入金额"></jp-input-money>
    <h3>negativeEnable: true</h3>
    <jp-input-money clearable :negativeEnable="true" v-model="input5" placeholder="请输入金额"></jp-input-money>
  </div>
</template>

<script>
export default {
  data() {
    return {
      input: '',
      input2: '',
      input3: '',
      input4: '',
      input5: ''
    }
  }
}
</script>

显示代码

Attributes

参数	说明	类型	可选值	默认值
disabled	-	bool	—	false
placeholder	提示语	string	—	-
intNum	整数位限制	Number	—	8
maxNumber	-	Number	String	—
floatNum	小数点位数	Number	—	2
moneyStyle	金额逗号的形式	bool	—	true
negativeEnable	是否允许负数	bool	—	false

Events

事件名称	说明	回调参数
input	-	-
blur	-	-
focus	-	-