Nuxt:如何防止nuxt-link转到另一个页面？

Question

我要阻止nuxt-link转到另一个页面。

这是我的代码

<nuxt-link :to="item.url" data-toggle="collapse" class="nav-link" v-b-toggle="'collapse-'+index" :ref="'parent-'+index" @click.native="toggleSubMenuIcon(index)">


methods: {
    toggleSubMenuIcon(index) {
      this.$store.dispatch('layout/TOGGLE_SUBMENU_ICON', index)
    }
  }

我需要一个类似的e.preventDefault()来阻止浏览器访问item.url上的页面

我也试过了

<nuxt-link :to="item.url" data-toggle="collapse" class="nav-link" v-b-toggle="'collapse-'+index" :ref="'parent-'+index" @click.native="toggleSubMenuIcon(index), event => event.preventDefault()">

没有成功。

我不会在url中使用简单的"hash“，因为我不喜欢在URL浏览器中打印它。

谢谢

Answer 1

尝试添加event=""，它为我工作

<nuxt-link event="" :to="item.url" data-toggle="collapse" class="nav-link" v-b-toggle="'collapse-'+index" :ref="'parent-'+index" @click.native="toggleSubMenuIcon(index), event => event.preventDefault()">