将数字格式转化为货币– vuetify-money

将数字格式转化为货币– vuetify-money
插件名称 vuetify-money
发布时间 2020年7月11日
插件作者 juareznasato

vuetify-money是Vue.js和Vuetify插件,用于在应用程序上将数字值格式化为货币。

变更日志:

v1.1.0(2020年10月31日)

  • 添加属性对象以使用其他v文本字段属性。

安装和下载:

# NPM
$ npm i vuetify-money --save

特征:

  • 多语言。
  • 自定义货币符号和后缀。
  • 自定义小数精度

如何使用它:

1.导入vuetify-money组件。

// src/plugins/vuetify-money.js
import Vue from "vue";
import VuetifyMoney from "vuetify-money";
Vue.use(VuetifyMoney);
export default VuetifyMoney;
// src/main.js
import "./plugins/vuetify-money.js";

2.在您的应用中:

<template>
  <div>
    <vuetify-money
      v-model="value"
      v-bind:label="label"
      v-bind:placeholder="placeholder"
      v-bind:readonly="readonly"
      v-bind:disabled="disabled"
      v-bind:outlined="outlined"
      v-bind:clearable="clearable"
      v-bind:valueWhenIsEmpty="valueWhenIsEmpty"
      v-bind:options="options"
    />
    Parent v-model: {{ value }}
  </div>
</template>
<script>
export default {
  data: () => ({
    value: "1234567.89",
    label: "Value",
    placeholder: " ",
    readonly: false,
    disabled: false,
    outlined: true,
    clearable: true,
    valueWhenIsEmpty: ""
    options: {
      locale: "pt-BR",
      prefix: "R$",
      suffix: "",
      length: 11,
      precision: 2
    }
  })
};
</script>