How v-for in q-list with highlight



  • 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>
    

Log in to reply
 

Looks like your connection to Quasar Framework was lost, please wait while we try to reconnect.