Eine Einführung in das dynamische Festlegen von Routing-Parametern in Vue

Dieser Artikel stellt hauptsächlich die Fallanalyse der dynamischen Festlegung von Routing-Parametern vor. Er ist sehr gut und hat Referenzwert.

Sie können Routing-Parameter in Vue dynamisch festlegen >

1. Verwenden Sie , dasselbe wie this.$router.go(), vorwärts 1, zurück -1, aktuelle Seite: 0js histroy.go()

Beachten Sie, dass Sie bei der Verwendung über einen Zugriffsverlauf verfügen müssen go Aufgezeichneter

Fall:

<template>
  <p> 
    <button @click="goht">后退<button> <br/>
    <button @click="goqj">前进<button> <br/>
    <button @click="gosx">刷新当前<button>
  </p>
 </template>
 <script>
  export default {
    methods: {
     goht(){
       this.$router.go(-1);
     },
     goqj(){
        this.$router.go(1);
     },
     gosx(){
       this.$router.go(0); //或者 this.$router.go(); 
     }
    }
  }
 </script>

2. Push-Anruf verwenden:

Fall

<template>
  <p>
     <button @click="pageA">去A页面</button> <br/>
     <button @click="pageB">去B页面</button> <br/>
  </p>
</template>
<script> 
 exprot default {
  methods: {
     pageA(){
        //去路由A页面，字符串形式只能是path，类似to="path"
       this.$router.push(&#39;/RouterA&#39;); 
     },
     pageB(){
        //去路由B页面，数组形式，类似 :to="{}"
       this.$router.push(
         {
          name: &#39;RouterB&#39;,
          query: {&#39;name&#39;: &#39;name1&#39;, title: &#39;title1&#39;}
          //,params:{&#39;name&#39;: &#39;name2&#39;, title: &#39;title2&#39;}
         }
       );
     }
   }
 }
</script>

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website !

Verwandte Empfehlungen:

So verwenden Sie das Statusobjekt von Vuex

Rekonstruieren Sie den mehrseitigen Gerüstprozess basierend auf Vue CLI Einführung

Das obige ist der detaillierte Inhalt vonEine Einführung in das dynamische Festlegen von Routing-Parametern in Vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!