Nuxt: как не дать nuxt-ссылке перейти на другую страницу? - PullRequest
Новая
       11

Nuxt: как не дать nuxt-ссылке перейти на другую страницу?

0 голосов
/ 23 января 2020

Мне нужно остановить 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 (), чтобы заблокировать браузер для посещения страницы. at 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()">

без успеха.

Я бы не использовал простой "ha sh" в URL, потому что я не нравится, что напечатано в браузере URL.

Спасибо

1 Ответ

2 голосов
/ 23 января 2020

попробуйте добавить 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()">
...