Vue でルーティングパラメータを動的に設定する手順の詳細な説明

今回は、Vue で ルーティング パラメーター を動的に設定する手順について詳しく説明します。Vue でルーティング パラメーターを動的に設定するための 注意事項 について、実際のケースを見てみましょう。

ルーティングパラメーターは vue で動的に設定できます:

1。使用方法は常に、前方 1、後方 -1、現在のページ: 0this.$router.go()，与js histroy.go()

go を使用する場合は、アクセス履歴が既に必要であることに注意してください。 :

<template>
  <p> 
    <button>后退<button> <br>
    <button>前进<button> <br>
    <button>刷新当前<button>
  </button></button></button></button></button></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. プッシュを使用して呼び出します:

ケース

<template>
  <p>
     <button>去A页面</button> <br>
     <button>去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>

この記事のケースを読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語に関する他の関連記事に注目してください。 Webサイト！

推奨読書:

WeChat アプレットの画像をデバイスの高さに合わせる方法

jquery を使用して新しいウィンドウで開く外部リンクを設定する方法

jquery 画像をプレビューするアップロード時に指定された比率(コード添付))

以上がVue でルーティングパラメータを動的に設定する手順の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。