Vue.js 3, vue-router, @click event reloads whole page

June 3, 2022 June 3, 2022 / 1 minute of reading

Add prevent modifier as you did then inside the toggleMenu add this.$router.push("/"); :

 <router-link to="/" @click.prevent="toggleMenu">
    <div class="nav-item">Home</div>
  </router-link>

CLICK HERE to find out more related problems solutions.