屬性
所有屬性預設值都可以 全球設定。
屬性 (按一下以升冪排序) | 類別 (按一下以升冪排序) | 預設值 | 描述 |
|---|---|---|---|
active | 布林值 | false | 設為 `true` 時，會以 active 樣式將元件設定為 active 狀態 |
active-class | 字串 | <router-link> 屬性：當連結處於 active 狀態時，設定套用的 active CSS 類別。您通常會想將它設定為類別名稱「active」 | |
append | 布林值 | false | <router-link> 屬性：設定 append 屬性會將相對路徑永遠附加至目前的相對路徑 |
disabled | 布林值 | false | 設為 `true` 時，會停用元件的功能並將它設為停用狀態 |
exact | 布林值 | false | <router-link> 屬性：預設 active 類別比對行為是包含比對。設定此屬性會強制模式確實比對路線 |
exact-active-class | 字串 | <router-link> 屬性：設定在連結處於 active 狀態、並有確實比對時，套用的 active CSS 類別。您通常會想將它設定為類別名稱「active」 | |
exact-path | 布林值 | false | <router-link> 屬性：允許只使用 URL 的路徑區段來比對，實際上會忽略查詢和 hash 區段 |
exact-path-active-class | 字串 | <router-link> 屬性：設定在連結處於 active 狀態、並有確實路徑比對時，套用的 active 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> 屬性：為了改善 Nuxt.js 程式的回應性，當連結會顯示在視窗中時，Nuxt.js 會自動預先擷取代碼分頁。將 `prefetch` 設定為 `true` 或 `false` 時，會覆寫 `router.prefetchLinks` 預設值 |
rel | 字串 | null | <b-link> 屬性：設定呈現的連結上 `rel` 屬性 |
replace | 布林值 | false | <router-link> 屬性：設定 replace 屬性時，按一下時會呼叫 `router.replace()` 而非 `router.push()`，因此導覽不會留下記錄 |
router-component-namev2.15.0+ | 字串 | 屬性：BootstrapVue 自動偵測 <router-link> 和 <nuxt-link>。在你要使用一基於 <router-link> 的第三方連結元件時，將此屬性設定為元件名稱。例如如果你使用 Gridsome，請將其設定為 'g-link'（請注意，只有特定於 <router-link> 的屬性才會傳遞給元件） | |
標籤 | 字串 | 'span' | 指定要呈現的 HTML 標籤以替代預設標籤 |
目標 (target) | 字串 | '_self' | 屬性：設定呈現的連結上的 `target` 屬性 |
前往 (to) | 物件或字串 | 屬性：表示連結的目標路由。當被點選時，`to` 屬性的值會被傳遞給 `router.push()`，所以值可以是字串或位置描述物件 | |
變體 | 字串 | 'secondary' | 將其中一組 Bootstrap 主題色彩變體套用在元件上 |
屬性：<b-badge> 支援產生 <router-link> 或 <nuxt-link> 元件（如果你使用 Nuxt.js 的話）。關於連結的更多詳細資訊（或 nuxt 連結）特定屬性，請參閱 路由支援 參考區段。