BootstrapVue can support these third party compatible components via the use of the router-component-name prop. Some 3rd party frameworks also provide customized versions of, such as Gridsome's component. Note: If you have prefetching disabled in your configuration ( router: ), or are using a version of Nuxt.js and link components. Setting no-prefetch will disabled this feature for the specific link. To improve the responsiveness of your Nuxt.js applications, when the link will be displayed within the viewport, Nuxt.js will automatically prefetch the code splitted page. For browsers that do not support IntersectionObserver, you can use the following conditional polyfill in : Prefetching support requires IntersectionObserver to be supported (see Can I use). Remember to v-bind the prop value (e.g.If you have are using a version of Nuxt.js Setting prefetch to true or false will overwrite the default value of router.prefetchLinks configured in the configuration file. availability: Nuxt.js 2.10.0+ and BootstrapVue 2.15.0+.supports all of the above router link props, plus the following additional Nuxt.js specific props. When BootstrapVue detects that your app is running under Nuxt.js, it will render a sub component instead of a. 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. Note the default value can also be configured globally via the linkExactPathActiveClass router constructor option. default: 'router-link-exact-path-active'Ĭonfigure the active CSS class applied when the link is active with exact path match.One consequence of this is that will be active for every route! To force the link into "exact match mode", use the exact prop: For example, will get this class applied as long as the current path starts with /a/ or is /a. The default active class matching behavior is inclusive match. Note the default value can also be configured globally via the linkActiveClass router constructor option. default: 'router-link-active' ( 'nuxt-link-active' when using Nuxt.js)Ĭonfigure the active CSS class applied when the link is active.Note: Changing the tag from anything other than is discouraged, as it hinders accessibility of keyboard and/or screen-reader users, and is also not very SEO friendly.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |