天天看點

vue頁面傳遞參數(常用方法二)

最常用的方式A頁面跳轉到B頁面,傳遞參數(id和code)

A頁面觸發跳轉事件

this.$router.push({
    name: "ProInsur",//ProInsur路由的name值
    params: {
        id: xxx,
        Code:xxx 
    }
});
           

B頁面接收參數

id:this.$route.params.id,
 code: this.$route.params.Code
           

通過query和params的差別:

用法上:

query 要用 path 來引入,params 要用 name 來引入,接收參數都是類似的,分别是this. r o u t e . q u e r y . i d 和 t h i s . route.query.id 和this. route.query.id和this.route.params.id。注意接收參數的時候,已經是 r o u t e 而 不 是 route 而不是 route而不是router 了哦!!

展示上:

query 更加類似于我們 ajax 中 get 傳參,params 則類似于 post;即通過query方式在浏覽器位址欄中顯示參數,通過params則不顯示;是以兩者不能同時使用