[英]Nuxt: how to prevent nuxt-link goes to another page?
我需要停止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() 来阻止浏览器访问 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 浏览器中打印。
谢谢
尝试添加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()">
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.