format-input（金额输入框）

基础用法

示例：

输入时（反格式化）：

失去焦点后（格式化）：

代码示例：

<template>
  <div class="bs-bg-color-white p10">
    <v-format-input
      v-model="value"
      placeholder="输入金额"
      isOutString
      @input="handleInput"
    >
    </v-format-input>
  </div>
</template>
<script>
export default {
  data() {
    return {
      value: "",
    };
  },
  methods: {
    /**
     * 输入事件
     */
    handleInput(value) {
      console.log("value", value, typeof(value));
      // value 1234567890123456789 string
    },
  },
  mounted() {},
  computed: {},
};
</script>

属性：

参数	说明	类型	可选值	默认值
value	绑定的值	[String, Number]	-	-
size	尺寸	String	-	'small'
readonly	是否只读	Boolean	-	false
disabled	是否禁用	Boolean	-	false
placeholder	提示语	String	-	''
decimal	保留小数位数	Number	-	2
displayRmb	允许金额转大写显示	Boolean	-	false
inputNegative	是否可以输入负数	Boolean	-	true
unit	金额单位转化（元、万元、亿元）	String	-	'yuan'
isOutString	是否输出字符串（当数字位数超过16位时，需要使用该属性）	Boolean	-	false

事件：

事件名	说明	参数	参数说明
focus	获取焦点事件	event	-
input	输入事件	value	输入的值
change	改变事件	value	输入的值
blur	失去焦点事件	event	-