Получение текста q-item-label - PullRequest
Новая
       6

Получение текста q-item-label

0 голосов
/ 06 февраля 2020

У меня есть этот код с использованием Quasar / VueJS. Я хочу обновить выпадающую текстовую метку (keyDropDownLabel) на основе выбранного <q-item-label>.

. Поэтому в этом примере ниже я хочу, чтобы часть newLabelGoesHere была Key 1/2/3, в зависимости от на котором была нажата. 

<q-btn-dropdown stretch flat :label="keyDropDownLabel">
  <q-list>
    <q-item v-for="n in 3" :key="`x.${n}`" clickable v-close-popup tabindex="0">
      <q-item-section @click="keyDropDownLabel = 'newLabelGoesHere'">
        <q-item-label>Key {{ n }}</q-item-label>
        <q-item-label caption>1234567890</q-item-label>
      </q-item-section>
    </q-item>
  </q-list>
</q-btn-dropdown>

Кто-нибудь, пожалуйста, помогите ??

1 Ответ

0 голосов
/ 06 февраля 2020

Просто измените q-item-section click метод как показано ниже: 

<q-item-section @click="keyDropDownLabel('Key'+n)">
...