vue路由傳參的方法是什么

發(fā)布時間：2022-10-13 14:21:01 來源：億速云閱讀：145 作者：iii 欄目：開發(fā)技術(shù)

這篇“vue路由傳參的方法是什么”文章的知識點大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“vue路由傳參的方法是什么”文章吧。

1.通過params實現(xiàn)路由傳參

使用路由屬性中的name來匹配路由，在通過params傳遞參數(shù)，但頁面刷新數(shù)據(jù)會丟失。

methods：{
insurance(id) {
this.$router.push({
name: 'particulars',
params: {
id: id
}
})
}

2.通過query實現(xiàn)路由傳參

使用path來匹配路由，在通過query傳遞參數(shù)。

methods：{
insurance(id) {
this.$router.push({
path: '/particulars',
query: {
id: id
}
})
}

3.調(diào)用$router.push實現(xiàn)路由傳參

直接調(diào)用$router.push攜帶參數(shù)的跳轉(zhuǎn)，且頁面刷新數(shù)據(jù)不會丟失。

methods：{
insurance(id) {
this.$router.push({
path: `/particulars/${id}`,
})
}

以上就是關(guān)于“vue路由傳參的方法是什么”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關(guān)的知識內(nèi)容，請關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

猜你喜歡