No meu projeto Vue3 Quasar, tenho um componente semelhante a este:
<template>
<div class="q-pa-md">
<div id="myCustomLabel">{{ props.label }}</div>
<q-input
ref="myInput"
filled
v-model="name"
:rules="props.rules"
/>
</div>
</template>
Sempre que um campo não é válido ele muda sua cor para vermelho. No entanto, também preciso alterar a div "myCustomLabel" acima da entrada para vermelho. Existe alguma forma de acionar uma função sempre que os campos forem validados ou não através de regras para que eu também possa alterá-la?