停止路由器链接直到确认返回

Question

我正在建立一个食品配送网站。我需要告诉用户，当他点击通过 vuejs2 router-link 将他重定向到另一个页面的组件时，他的购物车将被删除。 目前我有这个：

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

使用给定的功能：

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

这有点有效：如果我单击取消，if中的语句会执行它应该执行的操作，但是当我单击组件时，它会在确认之前通过router-link更改url ()，所以基本上没什么用。 有什么想法吗？