属性
所有属性默认值均可 全局配置。
属性 (点击按升序排列) | 类型 (点击按升序排列) | 默认值 | 描述 |
|---|---|---|---|
active | 布尔值 | false | 设为 `true` 时，使用活动样式将组件置于活动状态 |
active-class | 字符串 | <router-link> 属性：配置链接处于活动状态时应用的活动 CSS 类。通常，您会希望将其设置为类名“active” | |
append | 布尔值 | false | <router-link> 属性：设置 append 属性始终将相对路径附加到当前路径 |
disabled | 布尔值 | false | 设为 `true` 时，禁用组件的功能并将其置于禁用状态 |
exact | 布尔值 | false | <router-link> 属性：默认活动类匹配行为是包含匹配。设置此属性会强制模式与路由完全匹配 |
exact-active-class | 字符串 | <router-link> 属性：配置链接在完全匹配时处于活动状态时应用的活动 CSS 类。通常，您会希望将其设置为类名“active” | |
exact-path | 布尔值 | false | <router-link> 属性：允许仅使用 URL 的路径部分进行匹配，有效地忽略查询和哈希部分 |
exact-path-active-class | 字符串 | <router-link> 属性：配置链接在完全路径匹配时处于活动状态时应用的活动 CSS 类。通常，您会希望将其设置为类名“active” | |
href | 字符串 | <b-link> 属性：表示标准 a 链接的目标 URL | |
no-prefetch | 布尔值 | false | <nuxt-link> 属性：为了提高 Nuxt.js 应用程序的响应能力，当链接将在视口中显示时，Nuxt.js 将自动预取代码拆分的页面。设置 `no-prefetch` 将禁用特定链接的此功能 |
pill | 布尔值 | false | 设为“true”时，以药丸样式呈现徽章 |
prefetchv2.15.0+ | 布尔值 | null | <nuxt-link> prop：为了提高 Nuxt.js 应用程序的响应能力，当链接将在视口中显示时，Nuxt.js 将自动预取代码拆分页面。将 `prefetch` 设置为 `true` 或 `false` 将覆盖 `router.prefetchLinks` 的默认值 |
rel | 字符串 | null | <b-link> prop：设置呈现的链接上的 `rel` 属性 |
replace | 布尔值 | false | <router-link> prop：设置 replace prop 将在点击时调用 `router.replace()` 而不是 `router.push()`，因此导航不会留下历史记录 |
router-component-namev2.15.0+ | 字符串 | <b-link> prop：BootstrapVue 会自动检测 `<router-link>` 和 `<nuxt-link>`。在希望基于 `<router-link>` 使用第三方链接组件的情况下，将此 prop 设置为组件名称。例如，如果正在使用 Gridsome，则将其设置为“g-link”（请注意，仅 `<router-link>` 特定的 prop 会传递给组件） | |
tag | 字符串 | 'span' | 指定要呈现的 HTML 标签，而不是默认标签 |
target | 字符串 | '_self' | <b-link> prop：设置呈现的链接上的 `target` 属性 |
to | Object 或 String | <router-link> prop：表示链接的目标路由。点击时，to prop 的值将在内部传递给 `router.push()`，因此该值可以是字符串或 Location 描述符对象 | |
variant | 字符串 | 'secondary' | 将 Bootstrap 主题颜色变体之一应用于组件 |
<b-badge> 支持生成 <router-link> 或 <nuxt-link> 组件（如果使用 Nuxt.js）。有关路由链接（或 nuxt 链接）特定 prop 的更多详细信息，请参阅 路由支持 参考部分。