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 中使用簡單的“哈希”，因為我不喜歡它在 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()">