溫馨提示×

vue路由傳參方式有哪些

養魚的貓咪
319
2021-03-29 14:51:28
欄目: 編程語言

在vue中實現路由傳參的方式有:1.通過$router.push攜帶參數傳參;2.通過params傳遞實現傳參;3.通過query傳遞實現傳參;

vue路由傳參方式有哪些

在vue中實現路由傳參的方式有有以下幾種

1.通過$router.push攜帶參數實現路由傳參

getDescribe(id) {

 this.$router.push({

   path: `/describe/${id}`

 })

//獲取路由傳參

this.$route.params.id

2.通過params傳遞實現路由傳參

// 父組件設置傳參

this.$router.push({

name: 'Describe',

  params: {

    id: id

  }

})

// 子組件獲取路由傳參

this.$route.params.id

3.通過query傳遞實現路由傳參

// 父組件設置傳參

this.$router.push({

path: '/describe',

query: {

  id: id

}

})

// 子組件獲取路由傳參

this.$route.query.id


0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女