VUE - 「ナビゲーションルーティングクエリプログラミングパス値

1.今すぐページ設定]ボタン

<テンプレート> 
    の<div> 
        <ボタン@クリック= "handleToRouter">ルート値で</ボタン> 
    </ div> 
</テンプレート> 

<スクリプト> 
    エクスポートのデフォルト{ 
        コンポーネント:{ 
            
        }、
        データ(){ 
            リターン{ 
            } 
        }、
        方法:{ 
            handleToRouter(){ 
                この$のrouter.push({。
                    パス: "/ D"、//ジャンプパス
                    クエリ:{N: "私は"、B:} "私はB" //パス値
                })
            } 
        } 
    } 
</ SCRIPT>

  2。値によって別のページで

<テンプレート> 
    の<div> 

    </ div> 
</テンプレート> 

<スクリプト> 
    輸出デフォルト{ 
        ウォッチ:{ 
            // 监听路由
            $ルート(ヴァル){ 
               はconsole.log(ヴァル、" 333333333333333 " 
            }、
        }、
        データ() { 
            戻り{ 
                routerVal:この。$のroute.queryは
            } 
        }、
        {)(マウント
            はconsole.log(この.routerVal)。
        } 
    }
 </ SCRIPT>

 

おすすめ

転載: www.cnblogs.com/wangqi2019/p/11495504.html