Maison >interface Web >js tutoriel >Une introduction à la définition dynamique des paramètres de routage dans Vue

Une introduction à la définition dynamique des paramètres de routage dans Vue

不言
不言original
2018-06-29 17:14:071768parcourir

Cet article présente principalement l'analyse de cas de Vue définissant dynamiquement les paramètres de routage. Il est très bon et a une valeur de référence. Les amis dans le besoin peuvent s'y référer

Vous pouvez définir dynamiquement les paramètres de routage dans Vue :

1. Utilisez this.$router.go(), le même que js histroy.go() , avant 1, arrière -1, page actuelle : 0

Notez que vous devez avoir un historique d'accès lors de l'utilisation go Enregistré

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(&#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>

Ce qui précède est l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez prêter attention à. le site PHP chinois !

Recommandations associées :

Comment utiliser l'objet d'état de vuex

Reconstruire le processus d'échafaudage multipage basé sur vue cli Introduction

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn