如何在 vuejs 中隱藏/取消隱藏特定組件的路由器鏈接按鈕

Question

我使用路由器鏈接作為在不同組件之間導航的按鈕。 有沒有辦法隱藏特定組件的組件。

<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'"