Компонент, использующий Vuetify для работы с вводом денежных значений. Используется компонент v-text-field, который контролирует ввод корректных числовых значений. При смене фокуса устанавливается последнее корректное значение, происходит разделение разрядов числа пробелами - для удобного чтения, а также остаётся только две цифры после запятой. Возвращает компонент объект с числом number, а также удобно-читаемое представление этого числа string.
Установка: npm i text-curency
Использование
Импорт компонента:
import textCurency from 'text-curency'
Регистрация компонента:
export default {
components: {
'text-curency': textCurency,
}
Пример использования:
<text-curency label="Some label" @change-value="someObject=$event"
required hint="Вводить можно только числа" suffix="Руб.">
</text-curency>
Дополнительно
- @change-value - событие, которое возникает при изменении значения компонента. $event - объект, полученный от компонента, со свойствами number: полученное число (например: 10712.27) и string - удобно-читаемое представление этого числа (например: 10 712,27)
- required - контролирует обязательность заполнения компонента