我用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