質量参加を使用してVUEのparams、クエリ

宣言型：<ルータリンク：に= "...">
プログラミング式：router.push（...）

両方のアプローチは、B成分に連結されたA成分を介してジャンプしてパラメータを渡し続ける資料にhoplinksを達成することができます。

1、router.push使用

ルータ/ index.js

エクスポートデフォルト新しいルータ（{ 
  ルート：[ 
     { 
      パス： '/'、
      名前： 'A'、
      成分：必要（ '../成分/ A'）
    }、
    { パス：'/ B /：名/：年齢' 、 
      名前： 'B'、
      成分：必要（ '../成分/ B'）
    } 
  ] 
}）

トップ、2つのパラメータは、ルート、年齢にB成分名に追加しました

コンポーネント、paramsは成分Bを通過する結合事象@clickジャンプパラメータ

<テンプレート> 
  の<div> <！---唯一の最も外側のラベルを可能に！- > 
    <div> 
      <P>メッセージ{{}} </ P> 
      <P = @クリック"toBFun">成分Bああジャンプ</ P> 
      < - <ルータリンク:! =に「{パス： '/ B'、paramsは ：{名： 'ZS'、年齢：22}}「> 成分Bああジャンプ</ルーターリンク> - > 
    </ div> 
  </ div> 
</テンプレート> 
<スクリプト> 
  エクスポートのデフォルト{ 
    データ：機能（）{ 
      リターン{ 
        メッセージ：「ハンサムVUEああ！' 
      } 
    }、
    メソッド：{ 
      toBFun：関数（）{ 
        この$のrouter.push（{名:.' B 'paramsは：{名：' XY」、年齢：22です}}）。

この場合、ブラウザが表示されます。

http：// localhost：8080 /＃/ B / XY / 22

見値とアドレスの変更により、クエリ

また、そのままルータ/ index.jsルーティングファイルは、2つのパラメータの名前、年齢を持っています

{ 
      パス： '/ B /：名/：年齢'、
      名前： 'B'、
      成分：必要（ '../成分/ B'）
    }

成分Aにおいて、パラメータparamsは通過する前に、

この$のrouter.push（{名： 'B'、paramsは：{名： 'XY'、年齢：22}}）。

交換後、クエリ

 。この$のrouter.push（{名： 'B'、クエリ：{名前：XY ''、年齢：22}}）;

この場合、ブラウザがあります：

http：// localhostを：？8080 /＃/名= XY＆年齢= 22

上記2、ページが更新することで、パラメータが保持されます。

いくつかは、同じ値を得ることはありません。

params：この$のroute.params.name;。
クエリ：この$のroute.query.name;。

方法があります---------------------- ------------------------ ----------------------

使用する ルータのリンクを

  <ルータのリンク：=は "{パス： '/ B'、クエリ：{名： '張'、年齢：22}}">ジャンプアセンブリB </ルーターリンク>

ジャンプした後、ブラウザのアドレス：

http：// localhostを：？8080 /＃/ B名= ZZZ＆年齢= 22

とともに

この。$のrouter.push（...）は同じです

-----------

  <ルータリンク： "=に { '/ B / 123'パス}"> 
        ジャンプアセンブリB </ルーターリンク> 
    </ div>

{ 
      パス： '/ B /：名'、
      名前： 'B'、
      成分：必要（ '../成分/ B'）
    }

値

この。$ route.params.name

質量参加を使用してVUEのparams、クエリ

おすすめ