v-select: не может показать выбранный элемент - PullRequest
Новая
       27

v-select: не может показать выбранный элемент

0 голосов
/ 06 июня 2018

Я использую Vuetify в моем проекте.Когда я вставляю некоторые данные с помощью v-select, все работает нормальноТакже, когда я редактирую эти данные, это также работает.Единственная проблема в том, что я не могу увидеть выбранный элемент, когда я нажимаю на Edit.

Вот мой код 

            <v-select
              prepend-icon="star_rate"
              :items="ratings"
              v-model="customer.rating"
              label="Rating"
              item-text="text"
              item-value="customer.rating"
              single-line
            ></v-select>

Примечание: Если я использую {{customer.rating}}, он выдает такой результат 

 { "id": 1, "text": "Bad" }

и, если я выберу другой элемент, он отлично изменится в базе данных.Так что все в порядке.Единственное требование - я хочу показать это значение Плохо как выбранный элемент, когда я нажимаю на Редактировать.

Вот полный код файла моего проекта https://github.com/Shakilzaman87/pukucrm/blob/master/src/components/customers/EditCustomer.vue

Заранее спасибо

1 Ответ

0 голосов
/ 06 июня 2018

Я не уверен, что вы подразумеваете под "... когда я нажимаю на Редактировать".но я предполагаю, что вы имеете в виду, когда нажимаете на раскрывающееся меню.

Из того, что вы указали в jsfiddle, ваш v-select должен выглядеть следующим образом: 

<v-select
  prepend-icon="star_rate"
  :items="ratings"
  v-model="customer.rating"
  label="Rating"
  item-text="ratings.text"
  item-value="ratings"
  single-line
></v-select>

Это может бытьнайдено здесь , в разделе API props.

item-text: установить свойство текстового значения элемента

item-value: установить свойство значения элемента

Текст - это то, что вы видите, я считаю, что text, который является текущим значением item-text, либо не определен, либо не объявлен.Если этот ответ не работает, вам нужно предоставить больше кода.

...