How to hide the router element in the home directory?

Question

Vue.js

There is such a code, when the transition occurs in /add, you need to make it router-link to="/add"disappear. How to do it?

<router-link to="/">
      <img src="../assets/logo.png" alt="Logotype" class="logo mr-2">
      <a class="navbar-brand" href="#">
        Sale JS
      </a>
    </router-link>
    <router-link to="/add">
      <button class="btn btn-success link-add">
        <i class="fa fa-plus"></i>
      </button>
    </router-link>

Answer 1

<router-link to="/add" v-if="$route.path !== '/add'">