[英]@click event not firing on nuxt-link in Nuxt 3
According to this Nuxt 2
stack question this should prevent nuxt-link
from navigating to a new page:根据这个
Nuxt 2
堆栈问题,这应该可以防止nuxt-link
导航到新页面:
<nuxt-link :to="`/meet`" class="group font-normal" @click.native="event => event.preventDefault()" event="">
but it doesn't.但事实并非如此。 The function inside
@click
is not executed and nuxt navigates to /meet
url. @click里面的
@click
没有执行,nuxt导航到/meet
url。
Any idea how to execute @click
events on a nuxt 3 link
?知道如何在
nuxt 3 link
上执行@click
事件吗?
Try to use the prevent
modifier and remove :to
prop:尝试使用
prevent
修饰符并删除:to
prop:
<nuxt-link class="group font-normal" @click.prevent="yourEventHandler" event="">
then use this.$router.push()
inside your event handler然后在事件处理程序中使用
this.$router.push()
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.