Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Support other `router-link` compatible components

See original GitHub issue

Gridsome has a g-link component, equivalent to nuxt-link. As of now, BootstrapVue has built-in support for nuxt-link; it would be nice to have support for g-link as well.

Rather than having to detect and support every Vue-based framework, maybe it would be reasonable to have the ability to configure BootstrapVue to use a specified router-link-compatible component. I apologize if this already exists and I missed it.

Thank you!

Issue Analytics

State:
Created 5 years ago
Comments:5 (5 by maintainers)

Top GitHub Comments

1reaction

tmorehousecommented, Apr 23, 2019

If gridsome exposed a Vue.protototype injection (i.e. so that this.$gridsome exists on all component VM instances), we could auto detect that the app is running under gridsome and change the use of router-link to g-link

0reactions

eddybrandocommented, Apr 23, 2019

If gridsome exposed a Vue.protototype injection (i.e. so that this.$gridsome exists on all component VM instances), we could auto detect that the app is running under gridsome and change the use of router-link to g-link

Sounds like feature request time 😬.

Would you do the honours or should I, @tmorehouse? I believe you could explain it better than me.

Top Results From Across the Web

RouterLink - Angular

When applied to an element in a template, makes that element a link that initiates navigation to a route. Navigation opens one or...

Router support | Reference - BootstrapVue

Several BootstrapVue components support rendering <router-link> components compatible with Vue Router and Nuxt.js. For more information, see the official ...

Making `routerLinkActive` active for two different components

You can do this by using ngClass: <li> <a routerLink ...

ASP.NET Core Blazor routing and navigation - Microsoft Learn

Arbitrary items are supported as content of the <NotFound> tags, such as other interactive components. To apply a default layout to NotFound ...

React Navigation - Ionic Framework

React Router requires full paths, and relative paths are not supported. ... Other components that have the routerLink prop are IonButton , IonCard ......