Gibt es eine Möglichkeit, die Routenstütze in Vue festzulegen?
P粉919464207
P粉919464207 2024-04-06 11:35:59
0
1
397

Ich möchte zu einer bestimmten Registerkarte auf der Seite navigieren

this.$router.push({ name: "AdminNotifications", params: { tab: "requests" }, })

So kann ich innerhalb der Seite die Parameter abrufen und die Registerkarte festlegen:

mounted() { const routeTab = this.$route.params.tab; if (routeTab) this.tab = routeTab; }

Gültig, wenn die aktuelle Seite nichtAdminNotificationsist.

Aber zusätzlich gibt es einen Fehler:NavigationDuplicated:避免了到当前Redundante Navigation

Also... gibt es eine Möglichkeit, einfach das Attributtabohne Navigation festzulegen?

Danke

P粉919464207
P粉919464207

Antworte allen (1)
P粉432930081

如果您已经到达某个路线,则无法导航至该路线。但是,既然您已经在那里,您只需将this.tab设置为所需的值即可:

if (this.$route.name === 'AdminNotifications') { this.tab = 'requests'; } else { this.$router.push({ name: "AdminNotifications", params: { tab: "requests" }, }) }

如果负责导航的组件与包含tab的组件不同,您可以将tab参数推送到$route

if (this.$route.name === 'AdminNotifications') { this.$router.replace({ params: { tab: "requests" } }); } else { this.$router.push({ name: "AdminNotifications", params: { tab: "requests" }, }) }

在页面组件中,将mounted中的“watcher”替换为适当的监视程序,该监视程序将tab动态设置为$route.params.tab的任何真值:

watch: { '$route.params.tab': { handler(val) { if (val) { this.tab = val; } }, immediate: true } }
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage
    Über uns Haftungsausschluss Sitemap
    Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!