v-text-field 在验证失败时在运行时在底部添加边距

Answer 1

删除

hide-details="auto"

应该可以解决您的问题。

<v-text-field color="primary" class="hello" v-model="form.name" label="Name" placeholder="Name" variant="outlined"  density="compact" :rules="[rules.required]">
</v-text-field>