文章/答案/技术大牛

发布

社区首页 >问答首页 >@click事件不触发Nuxt 3中的nuxt-link

问@click事件不触发Nuxt 3中的nuxt-link
EN

Stack Overflow用户

提问于 2022-11-28 09:05:33

回答 1查看 31关注 0票数 0

根据这个Nuxt 2 stack question，这应该阻止nuxt-link导航到一个新页面：

<nuxt-link :to="`/meet`" class="group font-normal" @click.native="event => event.preventDefault()" event="">

但事实并非如此，@click内部的函数没有执行，nuxt导航到/meet url。

知道如何在@click上执行nuxt 3 link事件吗？

javascript

vue.js

nuxt.js

vuejs3

nuxtjs3

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-11-28 09:20:33

尝试使用prevent修饰符并删除:to支柱：

<nuxt-link  class="group font-normal" @click.prevent="yourEventHandler" event="">

然后在事件处理程序中使用this.$router.push()

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/74598247

复制

相似问题

问@click事件不触发Nuxt 3中的nuxt-link
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问@click事件不触发Nuxt 3中的nuxt-linkEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问@click事件不触发Nuxt 3中的nuxt-link
EN