在vue中實現路由傳參的方法有:1.通過params實現傳參;2.通過query實現傳參;3.調用$router.push實現傳參;
具體方法如下:
1.通過params實現路由傳參
使用路由屬性中的name來匹配路由,在通過params傳遞參數,但頁面刷新數據會丟失。
methods:{
insurance(id) {
this.$router.push({
name: 'particulars',
params: {
id: id
}
})
}
2.通過query實現路由傳參
使用path來匹配路由,在通過query傳遞參數。
methods:{
insurance(id) {
this.$router.push({
path: '/particulars',
query: {
id: id
}
})
}
3.調用$router.push實現路由傳參
直接調用$router.push攜帶參數的跳轉,且頁面刷新數據不會丟失。
methods:{
insurance(id) {
this.$router.push({
path: `/particulars/${id}`,
})
}