Задать вопрос
@kimqarkimqarkimqar

VueJS как сделать v-if с условием если в input более 2 символов?

Есть вёрстка которая разделена по шагам. Следующий шаг активируется, если на предыдущем шаге выполнено какое-то действие. В данном случае если в input записано что-то, то активируется следующий шаг. Но проблема в том, что у меня вначале в input записан знак валюты, и v-if срабатывает сразу же, хотелось бы узнать, как сделать чтобы v-if срабатывал только тогда когда в input есть больше 2 символов?

Сам input:
<div class="buy-voucher__amounts">
                                <input class="buy-voucher__custom-input" id="value-custom__voucher" v-on:input="changeVoucherCustom" v-model="CustomVoucherCount">
                            </div>


Сам v-if блок:
<div class="booking__step" v-if="changeVoucherCustom">
  • Вопрос задан
  • 113 просмотров
Подписаться 1 Простой Комментировать
Решения вопроса 2
@V0vash
Концепция такая :
<div class="booking__step" v-if="showStep">

data: {
    customVoucherCount: '$',
    showStep: false;
  },
  watch: {
    // эта функция запускается при любом изменении id="value-custom__voucher"
    customVoucherCount: function (newCount, oldCount) {

    this.showStep = newCount.lenght > 2 ? true : false;

    }
  },
Ответ написан
Комментировать
<div class="booking__step" v-if="CustomVoucherCount.length > 2">
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

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