1. 程式人生 > 其它 >路由跳轉中的傳參問題

路由跳轉中的傳參問題

------------恢復內容開始------------

路由跳轉有兩種方式:

1.通過params屬性傳值,該方法在跳轉頁面重新整理時資料會丟失

methods:{
/**
*跳轉子選單
*/
goSub(param){
this.click=true
this.$router.push({
//path:`/${url}`
name:'Solutionunfold'
,params:{data:param}
})
},
}
}

2.通過query屬性傳值,該方法頁面重新整理時資料不會丟失,但是會拼在URL後面,不夠安全,一般只傳一個引數用於跳轉頁面調介面:

以點選跳轉為例子:

@click="goSub(parameter1 , parameter2)" /** *跳轉子選單,通過query傳參(多引數時) */ this.click= true goSub(parameter1, parameter2){ this.$router.push({ path:'跳轉路由名稱', query:{ parameter1: parameter1, parameter2: parameter2} }) },

------------恢復內容結束------------