One way to do this would be a function (star in this exanple) that handles this. Using this would work if the label is text, a model, or whatever. You could put it into utils.js or something and then pull it in where needed, but here I just showing it as a simple component method. Note that the float-label attribute is now bound with the leading : so that it becomes dynamic:
...
<q-field>
<q-select class="star"
v-model="conf.org"
:float-label="star('Organization')"
:options="orgList"
/>
</q-field>
;;;
...
methods: {
star (text) {
return `<span> ${text} <span style="color: red;">*</span></span>`
}
},
...
You could use this principle to apply it to any attribute for any component.
