返回介绍

入门

基础

进阶

迁移

API 手册

接口

路由器选项 RouterOptions

发布于 2024-04-15 21:57:55 字数 4035 浏览 0 评论 0 收藏 0

初始化 Router 实例的选项。

Hierarchy

  • PathParserOptions
    RouterOptions

Properties

end

Optional end: boolean

RegExp 是否应该通过向其附加一个$来匹配到最后。

Default Value

true

Inherited from

PathParserOptions.end


history

history: RouterHistory

路由器使用的历史实现。 大多数网络应用程序应该使用createWebHistory,但它需要正确配置服务器。 您还可以将基于 hash 的历史记录与 createWebHashHistory 一起使用,它不需要在服务器上进行任何配置,但搜索引擎根本不处理,并且在 SEO 上表现不佳。

Example

js
createRouter({
  history: createWebHistory(),
  // other options...
})

linkActiveClass

Optional linkActiveClass: string

应用于活动 RouterLink 的默认类。 如果未提供,将应用router-link-active


linkExactActiveClass

Optional linkExactActiveClass: string

应用于确切活动 RouterLink 的默认类。 如果未提供,将应用router-link-exact-active


parseQuery

Optional parseQuery:

用于解析查询的自定义实现。 请参阅其对应项 stringifyQuery

Example

假设您想使用 qs 包 来解析查询,您可以同时提供 parseQuerystringifyQuery

js
import qs from 'qs'

createRouter({
  // other options...
  parseQuery: qs.parse,
  stringifyQuery: qs.stringify,
})

routes

routes: 只读 RouteRecordRaw

应添加到路由器的初始路由列表。


scrollBehavior

Optional scrollBehavior: RouterScrollBehavior

在页面之间导航时控制滚动的功能。 可以返回一个 Promise 来延迟滚动。 检查滚动行为。

Example

js
function scrollBehavior(to, from, savedPosition) {
  // `to` and `from` are both route locations
  // `savedPosition` can be null if there isn't one
}

sensitive

Optional sensitive: boolean

使 RegExp 区分大小写。

Default Value

false

Inherited from

PathParserOptions.sensitive


strict

Optional strict: boolean

是否禁止尾部斜杠。

Default Value

false

Inherited from

PathParserOptions.strict


stringifyQuery

Optional stringifyQuery:

对查询对象进行字符串化的自定义实现。 不应在前面加上前导 ?parseQuery 对应处理查询解析。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文