为 Quasar 中的选项添加标题 select

Question

Hello guys, I need to make a title for options in q-select. but I didn't find anything like that in the Quasar documentation, If anyone has experience with Quasar please let me know. thanks.

PS Picture for example

Answer 1

It's easy use before-options slot

<q-select
        filled
        v-model="model"
        :options="options"
        label="Options"
      >
        <template v-slot:before-options>
          <q-item>
            <q-item-section class="text-italic text-grey">
              No options slot
            </q-item-section>
          </q-item>
        </template>
      </q-select>

Codepen - https://codepen.io/Pratik__007/pen/jOxZqyz