带有标签的 Vaadin CustomField 没有标签

【问题标题】：Vaadin CustomField with Tag has no Label带有标签的 Vaadin CustomField 没有标签
【发布时间】：2021-04-25 16:43:16
【问题描述】：

在我的 Vaadin (14.4.6) 应用程序中，我有一个像这样的 CustomField：https://vaadin.com/components/vaadin-custom-field/java-examples

当我向我的 CustomField 实现添加 @Tag 注释时，标签和错误元素都消失了。

这就是 Firefox 中 HTML 的样子没有@Tag 注释：

这就是 Firefox 中的 HTML @Tag 注释：

有没有办法在 CustomField 中设置自定义标签名称而不会丢失标签和错误元素？

【问题讨论】：

【解决方案1】：

CustomField 使用标签 vaadin-custom-field 链接到 web 组件，因此如果您添加标签，它将使用不同的 web 组件，在您的情况下为 chart-field。

为什么要更改标签？

【讨论】：

标签定义 web 组件的有趣信息。我认为使用的 webcomponent 模板依赖于 Java 类，而不依赖于标签。通过更改标签名称，我希望 HTML 代码与所有其他特定的 HTML 元素一致，例如“vaadin-text-field”、“vaadin-combo-box”、“vaadin-split-layout”、“vaadin-vertical- layout", .... 好的，那么在我的上下文中使用@Tag 似乎是错误的。谢谢！