我用vuejs和nuxt。当使用mysite.com/page1#section1时，我希望转到page1并关注section1。在我的代码中，我有：<div id="section1">...</div>但这对新页面不起作用，当我在www.example.com页面上mysite.com/page1并在url中添加#section1时，它起作用了。那么，当我打开一个新页面的时候，我怎样才能让锚工作呢？我应该在路由器里添加一些东西吗？
<div id="section1">...</div>
sqserrrh1#
您应该使用这样的链接：
<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
jaql4c8m2#
使用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 })
字符串
abithluo3#
可以这样说：
<a href="#section1">home</a>
上面将是点击，你必须得到一个特定的div上的网页。
这是div，你想在页面上找到它。
编辑：如果必须转到同一页面上的特定div，则可以使用上面的示例。
否则，如果要转到任何其他页面的div，请在href中使用网站页面地址，然后使用#id
3条答案
按热度按时间sqserrrh1#
您应该使用这样的链接：
儿童用途：
关于锚链接的W3C规范：https://www.w3.org/TR/REC-html40/struct/links.html#h-12.2.3
jaql4c8m2#
使用Vue路径，您可以轻松地做到这一点：
字符串
abithluo3#
可以这样说：
上面将是点击，你必须得到一个特定的div上的网页。
这是div，你想在页面上找到它。
编辑：如果必须转到同一页面上的特定div，则可以使用上面的示例。
否则，如果要转到任何其他页面的div，请在href中使用网站页面地址，然后使用#id