如何为vuejs中的特定组件隐藏/取消隐藏路由器链接按钮

Question

我使用router-link作为在不同组件之间导航的按钮。有什么办法可以隐藏特定组件的组件。

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

Answer 1

您可以通过两种方式获得当前路线的路径

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

或

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

它们都返回等于当前路径路径的字符串，始终解析为绝对路径。

您可以查看文档：https://router.vuejs.org/api/#route-object-properties

您可以检查此小提琴：https://jsfiddle.net/Farouk_Mekkaoui/7xvpje08/12/

Answer 2

上面的答案帮助我获得了大部分帮助，但是使用命名路线对我来说更有效的是：

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