Input输入数字自动转千分位进行展示（拿来即用的完美组件）

一、前言

       实际的页面开发中，需要输入金额类型的输入框比较常见，这类输入框根据实际的业务场景都是要进行个性化的组件封装，本文借助自己封装的一个输入框组件 NumberToAmount.vue 来讲述el-input 输入框中数值与金额格式的互换方法，组件包含的功能如下：

1、限制了输入框只允许输入数字和小数点；

2、如果输入了非法数值，比如123.45.678，则自动替换为0；

3、限制了输入的最大金额为999999999.99，超过该值则自动替换为999999999.99；

4、限制了金额最多保留2位小数，超过则自动进行四舍五入操作；

5、输入框失去焦点时，自动将输入的数值类型转换为金额类型（如123 --> 123.00；023.9 --> 23.90；3333.5678 --> 3,33