Доброго дня. Кто-нибудь работал с масками в nuxt? Попробовал использовать на

Question

Доброго дня. Кто-нибудь работал с масками в nuxt? Попробовал использовать на

своем лендинге 2 варианта масок (от 2-х разных пакетов vue-inputmask и v-mask) и столкнулся с одной и той же проблемой: сильно запаздывает появление на экране текст в инпуте. Особенно это заметно, если долго удерживать одну клавишей зажатой, текст появляется через N секунд.
Проект статичный, без ssr
Код:
В папке plugins файл v-mask.js
import Vue from 'vue';
import VueMask from 'v-mask';
// import VueMask from 'vue-inputmask';
Vue.use(VueMask);

В конфиге
plugins: [
// '~plugins/vue-inputmask.js'
'~plugins/v-mask.js',

],
```

Ну и использование: <input v-mask="="# (###) ###-##-##">

Находил вариант, что можно использовать v-model.lazy и текст действительно вбивался нормально, однако при этом данные в инпуте не попадали полностью(!) в data.
Кто-нибудь знает, с чем это может быть связано? Или же подсказать нормальные маски (мне только для телефона нужно)

#nuxt.js #programming #russian #software

0

07.02.2021

2 ответов

24 просмотра

Aleksandr Dergunov

В нужном компоненте: import { TheMask } from "vue-the-mask"; components: { TheMask }, В template: <TheMask v-model="phone" mask="+7 (###) ###-##-##" placeholder="Телефон" type="tel" :masked="false"></TheMask>

0

07.02.2021

Alexandr Sachyshyn · Accepted Answer

Alexandr Sachyshyn

Была такая же проблема, когда на инпуте был v-model. Перепиши на value

0

07.02.2021

207 похожих чатов

Доброго дня. Кто-нибудь работал с масками в nuxt? Попробовал использовать на

2 ответов

Похожие вопросы