Vaadin Flow：设置标题

Question

我目前正在尝试设置页面的标题

public class A extends FlexLayout implements RouterLayout {}

@Route(value = "b", layout = A.class)
public class B extends FlexLayout{}
@Route(value = "c", layout = A.class)
public class C extends FlexLayout{}

>

要做到这一点，我试图调用UI. get当前（）. getPage（）. setTitle（演示标题）期间在导航。不幸的是，这对初始导航不起作用（添加attachListener也不起作用）。

我还尝试使用最外层的RouterLayout上的PageConfigurator对其进行如下配置：

    @Override
    public void configurePage(InitialPageSettings settings) {
        settings.addMetaTag("title", "demo title");
        settings.addMetaTag("og:title", "demo title");

        settings.addFavIcon("icon", "frontend/images/favicon.ico", "48x48");
    }

由于某些原因，路由器本身在导航期间设置标题。

路由器使用JS定义标题并重新定义文档。标题而页。setTitle似乎只修改html。头标题标记。

如何在一个位置设置标题
如何防止路由器将标题设置为当前URL的值？

使用@PageTitle注释不是一个选项，因为在我的例子中，标题在编译时是未知的。




Answer 1

如果您有一个不变的页面标题，您可以使用注释@PageTitle设置它。

@PageTitle("home")
class HomeView extends Div {

  HomeView(){
    setText("This is the home view");
  }
}

官方的Vaadin Flow文档建议使用HasDynamicTitle。

例子：

@Route(value = "blog")
class BlogPost extends implements HasDynamicTitle, HasUrlParameter<Long> {
  private String title = "";

  @Override
  public String getPageTitle() {
    return title;
  }

  @Override
  public void setParameter(BeforeEvent event,
        @OptionalParameter Long parameter) {
    if (parameter != null) {
      title = "Blog Post #" + parameter;
    } else {
      title = "Blog Home";
    }
  }
}

来源