Estoy construyendo un sitio web de comida a domicilio. Necesito decirle al usuario que, cuando haga clic en el componente que lo redirige a otra página a través del enlace del enrutador vuejs2, su carrito de compras será eliminado. De momento tengo esto:

 <RestaurantBox v-for="(restaurant, index) in activeRestaurants" :key="`restaurant${index}`" :restaurant="restaurant" @click.native="confirmChange" />

con la función dada:

 confirmChange() { if (!confirm('Attenzione! Se cambi ristorante perderai quello che hai messo nel carrello.')) { location.href = '/restaurants/' + this.activeType.slug; } }

Esto funciona un poco: si hago clic en cancelar, la declaración en el caso hace lo que debería hacer, pero cuando hago clic en el componente, cambia la URL a través del enlace del enrutador antes de confirmar (), por lo que es básicamente inútil. ¿Algunas ideas?