How to hide/unhide the router-link button for a specific component in vuejs

Question

I am using router-link as the button to navigate between different components. Is there any way to hide the component for a particular component.

<router-link :to="{path: prevPage }" tag="button" class="btn btn-primary">

i am using the above <router-link> tab to go back to the previous components in my page. i need it to be hidden in my index page. is that understandable ? — SM079
– SM079, Commented Feb 12, 2019 at 13:39
You need the path itself to be hidden? Or to not render a component coming from another component? — Luis Maldonado
– Luis Maldonado, Commented Feb 12, 2019 at 13:45
i need that button not to be shown or visible in my page for a particluar component. is that possible ? — SM079
– SM079, Commented Feb 12, 2019 at 13:46
Gotcha. Is it possible that you include more code? Just to have more context and see if i can help you — Luis Maldonado
– Luis Maldonado, Commented Feb 12, 2019 at 13:48

Farouk M · Accepted Answer · 2019-02-12 15:06:50Z

3

You can get the path of the current route by two ways

v-if="$route.path != '/'"

or

v-if="$router.currentRoute.path != '/'"

They both returns a string that equals the path of the current route, always resolved as an absolute path.

answered Feb 12, 2019 at 13:51

Farouk M

1,2951 gold badge9 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

This hides the button alright, but not displays the button for other components. do you know why ?

You mean that even when the path is different from '/' you still can't see it ?

Yes, it hides the button for all the components

Try to use $route.path without the this or $router.currentRoute.path

Kimbrough · Accepted Answer · 2020-05-25 06:38:33Z

1

The answer above helped get me most of the way there but something that worked a little better for me using named routes was:

v-if="$router.currentRoute.name != 'routeNameHere'"

answered May 25, 2020 at 6:38

Kimbrough

362 bronze badges