I want to highlight a q-list while using v-for? I tried the code below, list display properly but without highlight. Any other way to approach a solution with highlighting. Goals is to create a custom big list and a click will select into an input. q-select for big options in not really very intuitive.

Any suggestion will be appreciated. Thanks

# code block
<q-list highlight separator>
  <q-item @click="selectItem">
  </q-item>
  <div v-for="field in choices" highlight separator>
    <q-item @click="selectItem">
    <q-item-main>
      {{ field.value }} - {{ field.label }}
    </q-item-main>
    </q-item>
  </div>
</q-list>

Need this feature also, a reset component method, or any way to clear the list programmatically without clicking on the check icons manually.

@nueko

I second this, Vue 2.6 and Quasar @ 0.14.6

I want to highlight a q-list while using v-for? I tried the code below, list display properly but without highlight. Any other way to approach a solution with highlighting. Goals is to create a custom big list and a click will select into an input. q-select for big options in not really very intuitive.

Any suggestion will be appreciated. Thanks

# code block
<q-list highlight separator>
  <q-item @click="selectItem">
  </q-item>
  <div v-for="field in choices" highlight separator>
    <q-item @click="selectItem">
    <q-item-main>
      {{ field.value }} - {{ field.label }}
    </q-item-main>
    </q-item>
  </div>
</q-list>