vuetify 上传组件

vuetify 上传组件

vuetify 上传组件

金钱化 (vuetify-money)

If you use Vuejs with Vuetify 2.x and you need a component to work with money format, maybe this can help you.

如果您将Vuejs与Vuetify 2.x一起使用，并且需要一个使用money格式的组件，那么这可能会对您有所帮助。

v-text-field: R$ 12.345.678,90

v文本字段：R $ 12.345.678,90

v-model: 12345678.90

v模型：12345678.90

相依性 (Dependency)

• VueJS

  VueJS

• Vuetify 2.x

  Vuetify 2.x

安装 (Install)

$ npm install vuetify-money --saveRegister component:
1- Create a src/plugins/vuetify-money.js file with the following content:
import Vue from "vue";
import VuetifyMoney from "vuetify-money";
Vue.use(VuetifyMoney);
export default VuetifyMoney;2- Add file to src/main.js:
import "./plugins/vuetify-money.js";Parent component:
<template><div><vuetify-moneyv-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>

物产 (Properties)

选件 (Options)

翻译自: /

vuetify 上传组件