Vueがルータリンク、URLの変更が、ページを使用した後に更新されません。

背景

今日では、プロジェクト内のこのような問題に遭遇しました：使用している場合router-linkで、ジャンプの後にURLを/uuid/iqwuei-qweqwrに変更/uuid/132sak-djkasd（架空のUUIDです）、ページが更新されません。

理由

私はグローバルのために聞く$routeが、このジャンプが行われる{ name: 'uuid', params: { uuid: 'iqwuei-qweqwr' } }まで{ name: 'uuid', params: { uuid: 'iqwuei-qweqwr' } }、イベントトリガーを聞いていません。参照してください公式文書資源や部品の再利用の使用を保存することです。

ソリューション

親要素でrouter-viewプラスでkey、例えば：

<router-view :key="$route.fullPath" />

ます。https：//www.jianshu.com/p/c49158e4de73で再現