Базовый ввод скрывает текст, а не показывает его внутри поля

Я скачал этот конструктор для Vue.js.

Дело в том, что когда я пишу в нем текст, он просматривает текст, который я написал, но после того, как я вывожу фокус из поля, текст скрывается, а заполнитель показывается обратно, но я не мог понять, почему он это делает .

Когда я печатаю значение поля после записи в него, я получаю значение, которое я написал, но я просто не вижу его внутри поля.

Вот код, который я использую:

<base-input class="input-group-alternative mb-3"
    :placeholder="email"
    addon-right-icon="ni ni-email-83"
    v-model="emailVal"
    required="true"
    :dir="dir">
</base-input>

Я передаю параметр email как «Адрес электронной почты», а параметр dir как «ltr».

Не могли бы вы помочь мне понять, почему мой ввод не сохраняется в поле?


input vue.js placeholder
person Ido Naveh    schedule 24.05.2020    source источник
comment
так вы имеете в виду, что placeholder не является одним из реквизитов base-input, и вы меняете код base-input, чтобы принять placeholder? Если это так, возможно, вам также нужно показать нам, как вы меняете код base-input, потому что, возможно, после добавления этого реквизита возникает конфликт.   -  person Jake Lam    schedule 24.05.2020
comment
@JakeLam Плохо, видимо, это не имеет ничего общего с заполнителем, так как я только что попытался удалить опору-заполнитель, а текст все еще скрыт. Также отредактировал вопрос   -  person Ido Naveh    schedule 24.05.2020
comment
вы объявили emailVal в своем объекте данных   -  person Jake Lam    schedule 24.05.2020
comment
@JakeLam Нет, похоже, это решило проблему. Спасибо!   -  person Ido Naveh    schedule 24.05.2020

Ответы (1)


arrow_upward
0
arrow_downward

По-видимому, проблема заключалась в том, что я не объявил emailVal в своем объекте данных.
Я добавил это так, и это сработало:

export default {
    data() {
        return {
            email: 'Email Address',
            dir: 'ltr',
            emailVal: ''
        }
    }
}
person Ido Naveh    schedule 24.05.2020