Свойства
Все значения свойств по умолчанию настраиваются глобально.
Свойство (Click to sort ascending) | Тип (Click to sort ascending) | По умолчанию | Описание |
|---|---|---|---|
active | Boolean | false | При значении `true` переводит компонент в активное состояние с активным стилем. |
active-class | String | <router-link> свойство: Настройка активного класса CSS, применяемого, когда ссылка активна. Обычно Вам нужно установить это имя класса 'active' | |
append | Boolean | false | <router-link> свойство: Настройка добавления свойства всегда добавляет относительный путь к текущему пути |
disabled | Boolean | false | Если установлено значение `true`, отключает функциональность компонента и переводит его в отключенное состояние. |
exact | Boolean | false | <router-link> свойство: Поведение сопоставления активного класса по умолчанию включает сопоставление. Установка этого свойства заставляет режим точно соответствовать маршруту |
exact-active-class | String | <router-link> свойство: Настройка активного класса CSS, применяемого, когда ссылка активна с точным соответствием. Обычно Вам нужно установить это имя класса 'active' | |
exact-path | Boolean | false | <router-link> prop: Allows matching only using the path section of the url, effectively ignoring the query and the hash sections |
exact-path-active-class | String | <router-link> prop: Configure the active CSS class applied when the link is active with exact path match. Typically you will want to set this to class name 'active' | |
href | String | <b-link> свойство: Обозначает целевой URL-адрес ссылки для стандартных ссылок | |
no-prefetch | Boolean | false | <nuxt-link> свойство: Чтобы улучшить отзывчивость Ваших приложений Nuxt.js, когда ссылка будет отображаться в области просмотра, Nuxt.js автоматически выполнит предварительную загрузку страницы с разделением кода. Установка `no-prefetch` отключит эту функцию для конкретной ссылки |
pill | Boolean | false | Если установлено значение 'true', значок отображается в виде таблетки |
prefetchv2.15.0+ | Boolean | null | <nuxt-link> свойство: Чтобы улучшить отзывчивость Ваших приложений Nuxt.js, когда ссылка будет отображаться в области просмотра, Nuxt.js автоматически выполнит предварительную загрузку страницы с разделением кода. Установка для `prefetch` значения `true` или `false` перезапишет значение по умолчанию `router.prefetchLinks` |
rel | String | null | <b-link> свойство: Устанавливает атрибут `rel` для отображаемой ссылки |
replace | Boolean | false | <router-link> свойство: Установка свойства `replace` будет вызывать `router.replace()` вместо `router.push()` при нажатии, поэтому навигация не будет оставлять запись в истории |
router-component-namev2.15.0+ | String | <b-link> свойство: BootstrapVue автоматически определяет между `<router-link>` и `<nuxt-link>`. В случаях, когда Вы хотите использовать сторонний компонент ссылки на основе `<router-link>`, установите это свойство на имя компонента, например установите для него значение 'g-link', если Вы используете Gridsome (обратите внимание, что компоненту передаются только определенные свойства `<router-link>`) | |
tag | String | 'span' | Указывает тег HTML для отображения вместо тега по умолчанию |
target | String | '_self' | <b-link> свойство: Устанавливает атрибут `target` для отображаемой ссылки |
to | Object или String | <router-link> свойство: Обозначает целевой маршрут ссылки. При нажатии значение свойства будет передано в `router.push()` внутренне, поэтому значение может быть либо строкой, либо объектом дескриптора местоположения | |
variant | String | 'secondary' | Применяет к компоненту один из вариантов цвета темы Bootstrap |
<b-badge> поддерживает генерацию
<router-link> или
<nuxt-link> компонент (при использовании Nuxt.js).
Дополнительные сведения о свойствах, связанных с ссылками на маршрутизаторы (или Nuxt Link), смотрите в разделе справки по
поддержке роутов.