最新的 Vaadin Start 生成的应用程序 - 具有 Flow/Hybrid 视图的主布局主题中的错误？

Question

我使用最新的 Vaadin Start 页面生成了一个应用程序框架 (Vaadin 21 / Java 11) 到目前为止它有效，我使用了具有各种视图的混合模式。

当单击菜单中的视图链接时，只有基于 TS+HTML 的视图将在 GUI 中注册为 selected 并获得彩色“selected/active”样式。

当我生成一个只有 Flow 视图的应用程序时，第一个视图将停留在 selected 样式，但其他视图在单击时会正确注册。

只有当我生成一个只有 Fusion 视图的应用程序时，所有视图 select 才会正确注册。

我想这是一个错误？

编辑：混合模式下的行为视频。菜单项名称对应于正在 selected 的视图类型。如您所见，只有融合视图在菜单中显示“select”：

Edit2：我认为问题出在这里：

?highlight=${viewRoute.path == appStore.location

似乎 appStore.location 不是从非 Fusion 视图设置的。我在 index.ts eventListener 和非 Fusion 视图中放置了一个 console.log，所有视图都只是传递“(.*)”作为视图 name/location，这就是失败的原因。

因此java-class中的@Route(value = "view-name") 声明目前似乎没有正确传递。

BR 丹尼尔

Answer 1

这个问题对我来说不是很清楚，但是如果问题是“第一个视图将停留在所选样式”这一事实，您是否尝试过将 setAutoselect(false) 添加到您的选项卡式菜单中主布局？

这里是：

private Tabs createMenu() {
    final Tabs tabs = new Tabs();
    tabs.setOrientation(Tabs.Orientation.VERTICAL);
    tabs.addThemeVariants(TabsVariant.LUMO_MINIMAL);
    tabs.setId("tabs");
    tabs.setAutoselect(false); //Needed not to select first tab by default
    tabs.add(createMenuItems());
    return tabs;
}

Answer 2

这似乎是“开始”项目模板中的错误。我在我们的内部问题跟踪器中添加了一个问题。

非常感谢您的报告。

编辑：问题已经解决。

最新的 Vaadin Start 生成的应用程序 - 具有 Flow/Hybrid 视图的主布局主题中的错误？

Latest Vaadin Start generated app - bug in main-layout theme with Flow/Hybrid views?

vaadin

vaadin21