我在我当前的项目中使用nuxt.js,在顶部我有一个带有下拉链接的导航栏。顶层链接直接指向一个页面(/foo)。我想要的是子链接指向一个特定的部分(/foo/#bar)。这就是我所挣扎的地方。这是我目前拥有的。
<nuxt-link :to="{path:item.url,hash:link.Url}" class="dropdown-item">
<!-- <nuxt-link :to="link.Url" class="dropdown-item"> -->
{{link.Text}}
</nuxt-link>
这个想法来自这个SO答案:Problem with nuxt-links navigation to pages with hashes/anchors
它大多数工作,但是,它尝试的链接是:/foo#bar
而不是/foo/#bar
。
1条答案
按热度按时间1dkrff031#
文件夹的结构应该是这样的。
1.创建
foo
文件夹1.创建
foo.vue
文件。这是一个<NuxtPage/>
1.在
foo
文件夹中,创建index.vue
文件。请参阅堆栈 lightning 战示例。https://stackblitz.com/edit/nuxt-starter-2nmpto?file=pages/index.vue
有关路径文件树中Nuxt文档的嵌套页面的详细信息