Utilisez Vue pour définir dynamiquement les paramètres de routage

Cette fois, je vais vous apporter quelques précautions lors de l'utilisation de Vue pour définir dynamiquement les paramètres de routage. Ce qui suit est un cas pratique, jetons un coup d'œil.

1. Utilisez this.$router.go(), le même usage que js histroy.go() , avancer 1, reculer -1, page actuelle : 0

Notez que lors de l'utilisation de go, ça doit déjà être Il y a un historique d'accès

cas :

<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. Utiliser l'appel push :

cas

<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('/RouterA'); 
     },
     pageB(){
        //去路由B页面，数组形式，类似 :to="{}"
       this.$router.push(
         {
          name: 'RouterB',
          query: {'name': 'name1', title: 'title1'}
          //,params:{'name': 'name2', title: 'title2'}
         }
       );
     }
   }
 }
</script>

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web PHP chinois !

Lecture recommandée :

Comment créer une fonction de boîte contextuelle dans l'applet WeChat

Analyse détaillée de l'utilisation de VUE

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!