trame-router 2.3.0

安装

可以使用pip安装trame-router

pip install --upgrade trame-router

用法

要了解如何使用库并开始构建自己的应用程序，请访问Trame教程。

API参考文档提供了API级别的文档。

原始Vue Router文档提供了很好的介绍资源。

在trame中可以使用以下路由元素

# [...]
from trame.ui.router import RouterViewLayout
from trame.widgets import router

with RouterViewLayout(server, "/"):
    with vuetify.VCard():
        vuetify.VCardTitle("This is home")

with RouterViewLayout(server, "/foo"):
    with vuetify.VCard():
        vuetify.VCardTitle("This is foo")

with RouterViewLayout(server, "/bar/:id"):
    with vuetify.VList():
        vuetify.VListItem("Bar {{ $route.params.id }} item 1")
        vuetify.VListItem("Bar {{ $route.params.id }} item 2")
        vuetify.VListItem("Bar {{ $route.params.id }} item 3")

with SinglePageWithDrawerLayout(server) as layout:
    with layout.toolbar:
        vuetify.VBtn("Home", to="/")
        vuetify.VBtn("Foo", to="/foo")
        vuetify.VBtn("Bar 1", to="/bar/1")
        vuetify.VBtn("Bar 2", to="/bar/2")
        vuetify.VBtn("Bar 3", to="/bar/3")

    with layout.content:
        router.RouterView()

环境变量

使用vue3和docker，trame-router可以利用HTML5历史模式，但默认情况下我们使用“hash”模式。要启用它，您需要定义一个名为__TRAME_ROUTER_HISTORY_MODE__的环境变量，并将其设置为“html5”或“hash”。这只能在您使用我们的docker包或自行提供静态HTML/JS/CSS内容的适当Web服务器配置时才能工作。

许可证

trame-router是在MIT许可证下提供的。更多详情请见LICENSE。这个许可证是为了与Vue Router使用的许可证相匹配，后者被内部使用。

社区

Trame | 讨论 | 问题 | 路线图 | 联系我们

喜欢trame吗？

通过评价或品牌认可分享您的体验。