Wenn Sie auf der Listenseite auf die Details klicken, können Sie die Details entsprechend der ID wechseln.
Listenseite: Die Klickfunktion fügt Folgendes hinzu: $router.push({ name: 'detail', params: { id: id }});
Die Details erhalten die übergebene ID this.$route.params.id,

Die rechte Spalte der Listenseite verfügt über eine Navigation (beliebte Artikel). Klicken Sie auf den beliebten Artikel, um den detaillierten Inhalt zu wechseln.
Das Problem ist: Die Adressleiste: xx/detail/id kann normal übergeben werden, der detaillierte Inhalt jedoch nicht geändert
Wenn sich der normale Hash ändert, sollten die entsprechenden Detaildaten geändert werden, Klicks auf beliebte Artikel, obwohl sich der Hash geändert hat, wird die Detailseite nur einmal geladen
Welcher Vue-Master kann den Grund erklären

Die Codes der drei spezifischen Seiten:
APP.vue

hotList.vm, hotList.vm und artList.vm haben die gleiche Codelogik

detail.vue

Routenplan:

import artListfrom '../components/artList.vue' import detail from '../components/detail.vue' const router = new VueRouter({ routes:[ { path:'/home', name: 'home', component: artList, }, { path: '/home/artList/detail/:id', name: 'detail', component: detail, } ] }); export default router;