javascript 我如何使用nuxt导航到一个单独页面上的一个部分?

fnvucqvd  于 2023-03-16  发布在  Java
关注(0)|答案(1)|浏览(230)

我在我当前的项目中使用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

1dkrff03

1dkrff031#

文件夹的结构应该是这样的。
1.创建foo文件夹
1.创建foo.vue文件。这是一个<NuxtPage/>
1.在foo文件夹中,创建index.vue文件。

请参阅堆栈 lightning 战示例。https://stackblitz.com/edit/nuxt-starter-2nmpto?file=pages/index.vue
有关路径文件树中Nuxt文档的嵌套页面的详细信息

相关问题