Skip to main content
Svelte 基础
介绍
响应式
属性
逻辑
事件
绑定
类和样式
Actions
过渡动画
Svelte 进阶
高级响应性
复用内容
Motion
高级绑定
高级过渡效果
Context API
特殊元素
<script module>
后续步骤
SvelteKit 基础
介绍
路由
加载数据
请求头和 Cookie
共享模块
表单
API 路由
$app/state
错误和重定向
SvelteKit 进阶
钩子函数
页面选项
链接选项
高级路由
高级加载
环境变量
结论

要创建带有动态参数的路由,需要在有效的变量名称周围使用方括号。例如,像 src/routes/blog/[slug]/+page.svelte 这样的文件将创建一个可以匹配 /blog/one/blog/two/blog/three 等路径的路由。

让我们创建该文件:

src/routes/blog/[slug]/+page
<h1>博客文章</h1>

现在我们可以从 /blog 页面导航到各个博客文章。在下一章中,我们将了解如何加载它们的内容。

多个路由参数可以出现在同一个 URL 片段_内_,只要它们之间用至少一个静态字符分隔:foo/[bar]x[baz] 是一个有效的路由,其中 [bar][baz] 是动态参数。

在 GitHub 编辑此页面

上一页 下一页
1
2
<p>home</p>