Question

我使用vuejs和nuxt。

使用mysite.com/page1#section1时，我想转到第1页，重点是第1节。在我的代码中，我有： <div id="section1">...</div>

但这不适用于新页面。当我在mysite.com/page1页面上并将＃section1添加到URL时，它可以正常工作。

那么，当我打开新页面时，如何使锚点起作用？我应该在路由器中添加一些东西吗？

Answer 1

您应该使用这样的链接：

<a href="http://youpage.com/child#section1">go to section 1 in child page</a>

并在儿童中使用：

<div id="section1"></div>

有关锚链接的W3C规范：https://www.w3.org/TR/REC-html40/struct/links.html#h-12.2.3

Answer 2

使用类似这样的内容：

<a href="#section1">home</a>

<div id="section1"></div>

通过任何按钮或链接访问div

Answer 3

使用Vue路线，您可以轻松实现以下目标：

Vue.use(VueRouter);
 let routes = [
     {path: '/',component: require('./components/index.vue').default},
     {path: '/about',component: require('./components/about.vue').default},
 ]

const router = new VueRouter({
    routes
})

在特定div上打开页面

3 个答案: