html - 使用 Quasar 框架时 q-field 的错误标签（与 q-input 结合）

Question

在使用Quasar Framework时，我有两个关于q-field 的错误标签（结合 q-input）的问题：

1. 当错误标签显示时，它会将其下方的按钮进一步向下移动。我该如何解决这个问题？
2. 当与 vuelidate 结合使用时（推荐用于验证），我想显示适用的验证错误。因此，不仅仅是显示： error-label="Please type a valid name"我想显示 vuelidate 发现的（多个）实际验证错误，因此更符合：“名称必须长于 4 个字符且没有数字”。我将如何使用 error-label类星体提供？

Answer 1

1. 尝试<q-component :content-css="{minWidth: '80vw', minHeight: '80vh'}">（您应该设置最小宽度和/或高度以避免这种行为）

   2. 检查这个：http: //forum.quasar-framework.org/topic/2263/dynamic-error-message/4