Как скрыть / показать кнопку роутера для определенного компонента в 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/