text-curency

Компонент, использующий 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> 

---

Дополнительно

1. @change-value - событие, которое возникает при изменении значения компонента. $event - объект, полученный от компонента, со свойствами number: полученное число (например: 10712.27) и string - удобно-читаемое представление этого числа (например: 10 712,27)
2. required - контролирует обязательность заполнения компонента