问题标签 [vaadin-router]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
92 浏览

javascript - 如何使用 vaadin 路由器(客户端)提供静态 html 页面?

vaadin-router是一个小型客户端 javascript 路由器。如何交付任意数量的静态 html 页面?

0 投票
1 回答
78 浏览

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

我有一个基于 Flow 的 Vaadin 20 应用程序。所有视图都是用 Java 编写的,并且路由是用 Java 设置的。我想要一个更好的导航组件,所以我为我的项目创建了一个前端 TS 模板,如frontend/src/vaadin-nav.ts. 它有一堆<a>用于导航目的的元素。

我的问题是,我应该如何从模板正确链接到服务器端路由?我有AboutView.java例如@Route(value = "about", layout = MainView.class)。如何在模板中告诉“导航到'关于'”?我尝试检查Fusion 的路由器说明,但它们要求我设置了一个带有插座的客户端路由器对象。我不想这样做,因为我已经有一个MainView.java设置路由和出口的。

0 投票
1 回答
165 浏览

javascript - Vaadin 路由器(非 java)地址栏条目不起作用

尝试使用 Vaadin-router 和 Web 组件创建单页应用程序。一切正常导航。但是,当在地址栏中输入有效地址时,我会在屏幕上看到以下输出,并且控制台中没有错误。

无法获取 /users

我已经查看了这个问题,但似乎没有帮助:Vaadin Router: Route Parameters into the address bar not working

我认为我应该能够输入地址并导航到资源是错误的吗?

教程中的典型设置:具有以下版本:

包.json

app.js - 路由

索引.html

为简洁起见,此处不提供 WebComponents。但是,它们存在于代码中,单击链接可以成功导航到它们。

0 投票
1 回答
39 浏览

javascript - 为什么 VaadinRouter 在未通过身份验证时会路由我?

我正在摆弄 VaadinRouter,试图保护路线。下面你可以看到我要保护的组件的 onBeforeEnter 代码:

我不明白为什么路由器会路由我,如果authenticatedDummy是假的。当我阅读代码时,if authenticatedDummy is true, redirect me to '/home' .

这是阅读它的正确方式还是我忽略了什么?

0 投票
1 回答
48 浏览

javascript - 如何使用 lit 访问 vaadin-router 的 location.params?

根据 Vaadin 提供的文档和演示,路由参数应该绑定到 location.params。提供的示例使用聚合物,当我使用 LitElement 时,location.params 未定义。除了使用 JavaScript 和 Lit 来解析 url 以提取使用的 url :parameter 之外,还有什么技巧吗?