ネストされたルートVUE-ルータピットという名前のルートを使用する際に踏ま

コメントアセンブリ - 私の模造マイクロブログのプロジェクトをやったときに、今日の後、私は、ルータのリンクをクリックして、マイクロブログのページのテキストにジャンプし、そのネストされたビューをレンダリング達成したいです。しかし、実際の実装では、私が見つけたページは、通常のジャンプをすることができますが、ページがロードされた後、ページは、ネストされたビューをレンダリングしませんが、対応するネストされたビューをルーティングし、ネストされたクリックした後、ビューがネストされますレンダリング。そして私は、最初のレンダリングを修正することができ、別のページを表示するネストされました。慎重に鑑賞した後、私はこの問題は、ルートを命名、あなたは、ルートがルート名を使用するように動作していないビューという名前のルートをレンダリングし、通常の使用ができないということである疑いがあります。

したがって、からルートに対応する名前付きのルート名属性削除および変更「{名：...へ= {...}：paramsは}」 に変更し：{/.../$ `」=に...} `」

次のリリースコード

オリジナルコード

routes.js 
CONSTルート= [ 
    {...}、
    { 
        パス： '/ weibo /：weiboId'、
        成分：vWeibo、
        名称： 'weibo'、
        子供：[ 
            {パス： ''、成分：...} 
            ... 
        ] 
    }、
    ... 
]。
... 

home.vue 
... 
< ルータリンク
     ... 
    ：へ= "{名： 'weibo'、paramsは：{weiboId：...}}" 
> 
... 

weibo.vue 
... 
< ルータ-link
     ... 
    ：へ= "{パス：` / weibo / $ {$ route.params.weiboId} `}"

... 
< ルータビュー> </ ルータビュー> 
...

コードを修正

routes.js 
CONSTルート= [ 
    {...}、
    { 
        '/ weibo /：weiboId'、パス
        成分：vWeibo、
        子供：[ 
            {パス： ''、成分：...}、
            ... 
        ] 
    }、
    ... 
]; 
... 

home.vue 
... 

< ルータリンク
     ... 
    ：に= "` weibo / $ {weibo.weiboId} `" 
> 
... 

weibo.vue 
... 
< ルータリンク
     ... 
    ：へ= "{パス：` / weibo / $ {$ route.params.weiboId} `}" 
    置き換えます
> 
... 
<> </ ルータビュー> 
...