在我的 Vue3 Quasar 项目中,我有一个与此类似的组件:
<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>
每当字段无效时,它就会将其颜色更改为红色。但是,我还需要将输入上方的“myCustomLabel”div 更改为红色。有没有什么方法可以在字段通过规则验证或未验证时触发函数,以便我也可以更改它?