Thanks to visit codestin.com
Credit goes to github.com

Skip to content

docs(router-links): add more details to active-class and exact-active-class props (closes #4012) #4013

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Sep 4, 2019
Merged

docs(router-links): add more details to active-class and exact-active-class props (closes #4012) #4013

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
c133d2e
docs(router-links): add more details to `active-class` and `exact-act…
tmorehouse Sep 3, 2019
f308f9d
Update README.md
jacobmllr95 Sep 4, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 8 additions & 0 deletions docs/markdown/reference/router-links/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -110,6 +110,10 @@ Configure the active CSS class applied when the link is active. Note the default
configured globally via the `linkActiveClass`
[router constructor option](https://router.vuejs.org/api/#linkactiveclass).

With components that support router links (have a `to` prop), you will want to set this to the class
`'active'` (or a space separated string that includes `'active'`) to apply Bootstrap's active
styling on the component when the current route matches the `to` prop.

### `exact`

- type: `boolean`
Expand Down Expand Up @@ -140,6 +144,10 @@ Configure the active CSS class applied when the link is active with exact match.
value can also be configured globally via the `linkExactActiveClass`
[router constructor option](https://router.vuejs.org/api/#linkexactactiveclass).

With components that support router links (have a `to` prop), you will want to set this to the class
`'active'` (or a space separated string that includes `'active'`) to apply Bootstrap's active
styling on the component when the current route matches the `to` prop.

## Nuxt.js specific router link props

When BootstrapVue detects that your app is running under [Nuxt.js](https://nuxtjs.org), it will
Expand Down