vue3 阻止router-link跳转

在Vue 3中，你可以使用`<router-link>`的`@click`事件来阻止跳转。你可以在点击事件中调用`event.preventDefault()`方法来阻止默认的跳转行为。下面是一个示例代码：

<template>
  <div>
    <router-link to="/destination" @click="preventNavigation">跳转</router-link>
  </div>
</template>

<script>
export default {
  methods: {
    preventNavigation(event) {
      event.preventDefault();
      // 在这里可以添加你的逻辑代码
    }
  }
}
</script>

在上面的代码中，我们在`<router-link>`上添加了`@click`事件，并调用了`preventNavigation`方法来阻止跳转。你可以在`preventNavigation`方法中添加你需要的逻辑代码。