Блог

Главная - Вопросы по программированию - Откройте выпадающий список, когда нажмите на ввод vue js

Откройте выпадающий список, когда нажмите на ввод vue js

#vue.js

Вопрос:

Мне нужно открыть раскрывающийся список md-select при нажатии на ввод. Я прочитал много статей и не нашел решения.

Ниже приведен код

                 <md-select
                  v-if="isDropdown"
                  v-model="submittedBy"
                  name="submittedBy"
                  id="submittedBy"
                >
                <md-option
                  :value="`${lead.firstName} ${lead.lastName}`"
                  v-for="lead in getUsersNoPagination"
                  :key="lead.id"
                  >{{ lead.firstName }} {{ lead.lastName }}</md-option
                >
              </md-select>
                
              <md-input v-on:click="showDropdown" v-if="isInput" 
v-model="submittedBy"></md-input>

Код метода Vue для скрытия и отображения текста типа ввода и раскрывающегося списка.
Изначально isDropdown:false и isInput : true,

 showDropdown(){
  this.isDropdown =true;
  this.isInput =  false;
},
showInput(){
  this.isDropdown =false;
  this.isInput =  true;
},

пожалуйста, помогите решить

Комментарии:

1. Что же showDropdown делать? В этом вы устанавливаете isDropdown значение true?

2. обновил код, пожалуйста, посмотрите сейчас

3. Я думаю, проблема в том, что в тот момент, когда вы выбираете md-input компонент, isInput становится ложным, поэтому все, что showDropdown могло бы сработать, не сработало бы. Может быть, есть еще одна переменная, которая заставляет md-input исчезнуть

Метки: ,