Vue3 erhält die aktuelle Routingadresse

Richtige Antwort

Verwenden von useRouter :

 // Routerpfad: "/user/:uid"
<Vorlage>
  <div>Benutzer</div>
  <p>Benutzerkennung: {{ uid }}</p>
</Vorlage>
 
<script lang="ts">
importiere { defineComponent } von "vue";
importiere { useRouter } von "vue-router";
 
exportiere StandarddefiniereKomponente({
  Name: "Benutzer",
  aufstellen() {
    const router = useRouter();
    const uid = router.currentRoute.value.params.uid;
    zurückkehren {
      // Zurückgegebene Daten-UID,
    };
  },
});
</Skript>

Erklären

useRouter() gibt object zurück, ähnlich wie this.$router in vue2

router.currentRoute ist das RefImpl Objekt, also das Objekt, das wir mit ref zurückgeben. Auf die aktuelle Route kann über .value zugegriffen werden, ähnlich wie this.$route in Vue.

Drucken Sie es mithilfe von console.log aus und sehen Sie nach:

Damit ist dieser Artikel zum Abrufen der aktuellen Routing-Adresse in vue3 abgeschlossen. Ich hoffe, dass es für jedermanns Studium hilfreich sein wird, und ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird.