Vue Router子组件

时间:2017-11-09 14:39:46

标签: vue.js router

我的网站包含这样的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组件的特定部分。

由于

1 个答案:

答案 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>