Как остановить переход по ссылке на vue.js?

Question

[Sergeyjed]

По клику не останавливается переход по ссылке.

<router-link @click.prevent="" to="/about/">about</router-link>

Почему это не работает?

Comments

[Алексей Ярков]

Попробуй так:
@click.prevent="" -> @click.prevent
Или так:
@click.prevent="" -> @click.native.prevent

[Андрей Хохлов]

Зачем вы используете <router-link>, если переход не нужен?

Answer 1

[Никита Ермиличев]

<router-link to="..." @click.native="skip">about</router-link>

const app = new Vue({
  router,
  methods: {
    skip: function(e) {
         e.preventDefault()
    } 
  }
})

Answer 2

[Константин Васильев]

Мне помогло добавление к ссылке:
onclick="return false"

Полный код:

<nuxt-link onclick="return false" :to="url" class="..."> 
 Текст ссылки
</nuxt-link>