vaadin - 从 Vaadin (20) Flow 项目中的模板文件初始化路由器事件

Question

我有一个基于流的 Vaadin 20 应用程序。所有 View 都是用 Java 编写的，路由也是用 Java 设置的。我想要一个更好的导航组件，所以我创建了一个 frontend TS template for my project , 作为 frontend/src/vaadin-nav.ts .它有一堆 <a>用于导航目的的元素。

我的问题是，我应该如何从模板正确链接到服务器端路由？我有例如AboutView.java与 @Route(value = "about", layout = MainView.class) .我如何在模板中说出“导航到‘关于’”？我试着检查 the Router instructions for Fusion ，但他们要求我已经设置了一个带有 socket 的客户端路由器对象。我不想那样做，因为我已经有一个 MainView.java设置路由和 socket 。

Answer 1

Vaadin 20 始终使用客户端 Vaadin 路由器。在具有流 View 和服务器端的应用程序中 MainView.java或类似的，客户端路由器只是将所有路由决策委托(delegate)给服务器并使用页面的根作为路由器导出。

客户端路由器正在拦截本地 <a href> 上的点击链接(例如，不链接到单独的主机名)并将其视为路由器操作。如果没有客户端路由，则它会委托(delegate)给服务器。

这意味着 <a href="about">About</a>在你的 vaadin-nav.ts 中应该足够了文件。