小编Ale*_*NoN的帖子

我想知道是否可以向 Binder 触发的错误消息组件添加一个图标。

TextField usernameField = new TextField();

binder.forField(usernameField)
    .asRequired("Please fill this field")
    .withValidator(s -> s.length() > 3, "Username must contain at least 4 characters")
    .withValidator(s -> s.length() < 12, "Username must contain less than 12 characters")
    .bind(User::getUsername, User::setUsername);

实际的

预期的

我找到了这个解决方法，但也许存在一种更原生的方法来做到这一点。问题是它需要有一个错误图像.png来显示图标，我不太喜欢它。另一个问题是我无法设置图标的颜色，我需要有2个相同的图标但具有不同的颜色（警告=黄色，错误=红色）。

vaadin-text-field::part(error-message)::before {
    content: url('/icons/error-icon.jpg');
    margin-right: 4px;
    width: 16px;
    height: 16px;
    display: inline-block;
}