Dioxus 的Router 项目(3)

70 阅读1分钟

导航目标

在上一章中,我们学习了如何创建链接到我们应用程序内的页面。我们使用 target 属性告诉它们去哪里。这个属性接受可以转换为 NavigationTarget 的内容。

什么是导航目标?

NavigationTarget 类似于 HTML 锚元素的 href。它告诉路由器要导航到哪里。Dioxus 路由器知道两种类型的导航目标:

  • Internal:我们在上一章中使用了内部链接。它是一个表示为我们应用程序内页面的 Route 枚举的链接。
  • External:这完全像 HTML 锚点的 href。不要使用这个进行应用程序内导航,因为它会触发浏览器的页面重新加载。

外部导航

如果我们需要链接到一个外部页面,我们可以这样做:

fn GoToDioxus() -> Element {
    rsx! {
        Link { to: "https://dioxuslabs.com", "ExternalTarget target" }
    }
}

img