显示错误/消息时,vue vify文本字段可防止高度变化

时间:2019-05-08 13:56:37

标签: vuetify.js

将消息或错误消息应用于v文本字段时(通常是表单验证的结果),元素的高度会略有变化。有没有简单/干净的方法来避免这种情况?

Vuetify official docs的“密码输入”部分示例中很容易发现此问题。只需在两个标记为“带有提示文本的普通”和“不可见”的文本输入之间来回单击:

enter image description here

更新: 覆盖vuetify的CSS样式可以解决此问题:

.v-messages__message {
    line-height: 12px;
}

但似乎是一个非常脆弱的解决方案。

0 个答案:

没有答案