javascript - 在特定 div 上打开页面

Question

我使用 vuejs 和 nuxt。

使用 mysite.com/page1#section1 时，我想转到 page1 并重点关注 section1。在我的代码中，我有： <div id="section1">...</div>

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

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

标签： javascripthtmlvue.js

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