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

Question

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

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

标签： javascriptvue.jsroutingvue-componentvue-cli-3

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/