PriceInput

An input field that formats the value to a price format

Prerequisites

PriceInput requires a new dependency. Make sure to install vue-currency-input@^2

$ yarn add -D vue-currency-input@^2

Example

<template>
  <Fields>
    <Field name="price">
      <template #default="{ field, id, readonly, clearErrorFn }">
        <PriceInput :id="id" v-model="field.value" :readonly="readonly" @input="clearErrorFn" />
      </template>
    </Field>
  </Fields>
</template>

<script>
import { Fields, Field, PriceInput } from '@jdi/vue-backoffice-library'
export default {
  components: {
    Fields,
    Field,
    PriceInput
  }
}
</script>

Exceptions

When the value given by the API is invalid (e.g. not a number), the component will try to parse the value to a number. When this is not possible the component will show 0 as a value.