I am currently utilizing the Quasar framework in conjunction with Vue for my application development.
Below is a snippet of my code:
<q-tooltip content-class="bg-amber text-black shadow-4" :offset="[10, 10]"> Save </q-tooltip>
<q-tooltip content-class="bg-amber text-black shadow-4" :offset="[10, 10]"> Open </q-tooltip>
<q-tooltip content-class="bg-amber text-black shadow-4" :offset="[10, 10]"> Exit </q-tooltip>
Essentially, I am curious if there's a method for me to store 'bg-amber' in a parameter so that if I decide to change this class (color) down the line, I can simply modify the value in the parameter rather than altering each instance individually.
Is it possible to achieve something like this?
export default {
data () {
return {
tooltipColor: 'bg-amber'
}
}
}
If I were to implement this, how would I go about accessing this in the HTML section?
Thank you!