[Vuejs]-Quasar file picker label slots for adding custom label in q-file

by

0👍

✅

For Custom Label you don’t need to add a slot for that you can directly change the label.

    <q-file
  outlined
  class="registration-field"
  label-color="red"
  v-model="registrationNumber"
  :label="labelText"
>
      <template v-slot:label>
    <div><q-icon name="photo"></q-icon> Custom Label</div>
  </template>
      
</q-file>

codepen – https://codepen.io/Pratik__007/pen/LYZRazr

Leave a comment