vuetify-money是Vue.js和Vuetify插件,用于在应用程序上将数字值格式化为货币。
# 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>