Vue Router 子组件答案

【问题标题】：Vue Router sub componentsVue Router 子组件
【发布时间】：2018-04-22 14:37:53
【问题描述】：

我有一个由这样的站点地图组成的网站：

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 组件将首先加载并且@ 987654326@ 组件将在其下加载。

真的希望我说得通，但基本上我希望能够链接到包含其他组件的 vue 页面组件的特定部分。

谢谢

【问题讨论】：

【解决方案1】：

如果我理解正确，这与 Vue 或 Vue 路由器并没有太大关系，因为它与简单的 html 无关。

简单地说，在每个组件中 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>

【讨论】：