我的网站包含这样的Sitemap:
Home
About
Golf
-- Course one
-- Course two
Work
-- Work one
-- Work two
Contact
所以Work.vue就是这样布局的
<header></header>
<carousel></carousel>
<work-one</work-one>
<work-two></work-two>
<footer></footer>
我在上面的主导航中的问题,如果我点击子导航项Work two
,那么我如何进入工作页面并滚动到工作二组件,如果加载work two
组件则更好首先,work one
组件将在其下加载。
真的希望我有意义,但基本上我希望能够链接到包含其他组件的vue Page组件的特定部分。
由于
答案 0 :(得分:0)
如果我理解正确的话,这与Vue或Vue路由器没什么关系,因为它简单的html。
您可以为此使用锚标记(http://www.echoecho.com/htmllinks08.htm):
简单地说,在每个组件中,html都有类似
的内容<a name="work-one"></a>
然后,当您想要链接到该页面上的特定组件时,您可以执行以下操作:
<a href="yoursite.com/your-main-page-link#work-one">Link Text</a>
或Vue Router方式:
<router-link to="yoursite.com/your-main-page-link#work-one">Link Text</router-link>