JavaScript - VUE2.0 スイッチの詳細ページのデータ

Question

リストページの詳細をクリックすると、通常はIDに応じて詳細を切り替えることができます
リストページ：クリック機能によりthis.$router.push({ name: 'detail', params: { id: id } });
詳細は渡された ID を受け取ります this.$route.params.id,

一覧ページの右欄にナビゲーション(人気記事)があり、人気記事をクリックすると詳細内容が切り替わります
問題は、アドレスバー:xx/detail/idは普通に渡せるのですが、詳細内容は変更なし
通常のハッシュは変更あり 人気記事をクリックするとハッシュは変更されていますが詳細ページは一度しか読み込まれません
Vue マスターでその理由を説明できる人はいますか?

3 つの特定のページのコード:
APP.vue

リーリー

hotList.vm、hotList.vm、および artList.vm は同じコード ロジックを持ちます

リーリー

詳細.vue

リーリー ＃＃＃ルーティング：＃＃＃ リーリー

Answer 1

初期推定では、問題はdetail.vueコンポーネントにあると考えられます。 Detail.vue 内の listId 項目の割り当てに問題があります。これを試してください:

リーリー

このようにして、コンポーネントが初めてロードされるときに正しいルーティング パラメーターを確実に取得でき、また、ルーティングが変更されたときにもルーティング パラメーターを正しく取得できます。