Vueのルータのサブコンポーネント

Question

私はこのようなマップからなるウェブサイトを持っている：

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をクリックして、ワークページに移動し、ワーク2コンポーネントにスクロールするか、またはwork twoコンポーネントが最初にロードされ、work oneコンポーネントがその下にロードされる場合はさらに優れています。

私は理にかなっていますが、基本的には他のコンポーネントも含まれているvueページコンポーネントの特定の部分にリンクしたいと考えています。

おかげ

Answer 1

私が正しくあなたを理解していれば、これは実際にそれが単純なHTMLがそうであるようにVueのか、Vueのルータとはあまりありません。

あなたはこのために（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-link to="yoursite.com/your-main-page-link#work-one">Link Text</router-link>