Nuxt:如何防止nuxt-link转到另一个页面? [英] Nuxt: how to prevent nuxt-link goes to another page?
本文介绍了Nuxt:如何防止nuxt-link转到另一个页面?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我需要停止 nuxt-link
转到另一个页面.
I need to stop nuxt-link
going to another page.
这是我的代码
<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 的页面
I need a similar e.preventDefault() to block browser to visit the page 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()">
没有成功.
我不会在 url 中使用简单的哈希",因为我不喜欢它打印在 URL 浏览器中.
I would not use a simple "hash" into the url 'cause I don't like it printed in the URL browser.
谢谢
推荐答案
尝试添加 event=""
,它对我有用
try to add event=""
, its work for me
<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()">
这篇关于Nuxt:如何防止nuxt-link转到另一个页面?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文