vue路由怎么傳參

本篇內(nèi)容主要講解“vue路由怎么傳參”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“vue路由怎么傳參”吧!

創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供榕江網(wǎng)站建設(shè)、榕江做網(wǎng)站、榕江網(wǎng)站設(shè)計、榕江網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、榕江企業(yè)網(wǎng)站模板建站服務(wù)，十年榕江做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

具體方法如下：

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}`,
})
}

到此，相信大家對“vue路由怎么傳參”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

分享標(biāo)題：vue路由怎么傳參
文章起源：http://muchs.cn/article2/jpiiic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、網(wǎng)頁設(shè)計公司、手機網(wǎng)站建設(shè)、網(wǎng)站營銷、關(guān)鍵詞優(yōu)化、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)