+36
-0
lines changedFilter options
+36
-0
lines changed Original file line number Diff line number Diff line change
@@ -74,6 +74,12 @@
74 74
"exactActiveClass": {
75 75
"description": "<router-link> prop: Configure the active CSS class applied when the link is active with exact match. Typically you will want to set this to class name 'active'"
76 76
},
77 +
"exactPath": {
78 +
"description": "<router-link> prop: Allows matching only using the path section of the url, effectively ignoring the query and the hash sections"
79 +
},
80 +
"exactPathActiveClass": {
81 +
"description": "<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'"
82 +
},
77 83
"fade": {
78 84
"description": "When set to `true`, enables the fade animation/transition on the component"
79 85
},
@@ -149,6 +149,34 @@ With components that support router links (have a `to` prop), you will want to s
149 149
`'active'` (or a space separated string that includes `'active'`) to apply Bootstrap's active
150 150
styling on the component when the current route matches the `to` prop.
151 151 152 +
### `exact-path`
153 + 154 +
- type: `boolean`
155 +
- default: `false`
156 +
- availability: Vue Router 3.5.0+
157 + 158 +
Allows matching only using the `path` section of the url, effectively ignoring the `query` and the
159 +
`hash` sections.
160 + 161 +
```html
162 +
<!-- this link will also be active at `/search?page=2` or `/search#filters` -->
163 +
<router-link to="/search" exact-path> </router-link>
164 +
```
165 + 166 +
### `exact-path-active-class`
167 + 168 +
- type: `string`
169 +
- default: `'router-link-exact-path-active'`
170 +
- availability: Vue Router 3.5.0+
171 + 172 +
Configure the active CSS class applied when the link is active with exact path match. Note the
173 +
default value can also be configured globally via the `linkExactPathActiveClass` router constructor
174 +
option.
175 + 176 +
With components that support router links (have a `to` prop), you will want to set this to the class
177 +
`'active'` (or a space separated string that includes `'active'`) to apply Bootstrap's active
178 +
styling on the component when the current route matches the `to` prop.
179 + 152 180
## Nuxt.js specific router link props
153 181 154 182
When BootstrapVue detects that your app is running under [Nuxt.js](https://nuxtjs.org), it will
@@ -32,6 +32,8 @@ export const routerLinkProps = {
32 32
event: makeProp(PROP_TYPE_ARRAY_STRING),
33 33
exact: makeProp(PROP_TYPE_BOOLEAN, false),
34 34
exactActiveClass: makeProp(PROP_TYPE_STRING),
35 +
exactPath: makeProp(PROP_TYPE_BOOLEAN, false),
36 +
exactPathActiveClass: makeProp(PROP_TYPE_STRING),
35 37
replace: makeProp(PROP_TYPE_BOOLEAN, false),
36 38
routerTag: makeProp(PROP_TYPE_STRING),
37 39
to: makeProp(PROP_TYPE_OBJECT_STRING)
You can’t perform that action at this time.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4