多功能Vue数字格式化财务数字金额组件

描述：

一款轻量级的Vue 2 和 Vue 3多功能的金额、数字格式和输入掩码组件库。

使用：

1. 导入并注册vue-number-format。

// Globally
import Vue from "vue";
import number from "vue-number-format";
Vue.use(number, {
  // options
});
// Locally
export default {
  components: {
    Number
  },
};

2. 在模板中添加vue-number-format组件。

<template>
  <div>
    <number v-model="price" v-bind="number"></number> {{price}}
  </div>
</template>

3. 你也可以把它当成一个 Vue 指令来使用。

import { VNumber } from "vue-number-format";

export default {
  data() {
    return {
      price: 123.45,
      number: {
        decimal: ".",
        separator: ",",
        prefix: "$ ",
        suffix: " #",
        precision: 2,
      }
    };
  },
  directives: {
    number: VNumber
  }
};

4. 所有默认选项。

export default {
  prefix: '',
  suffix: '',
  separator: ',',
  decimal: '.',
  precision: 2,
  minimumFractionDigits: false,
  prefill: true,
  reverseFill: false,
  min: false,
  max: false,
  nullValue: ''
}