nuxt動態(tài)路由傳參

我的動態(tài)路由目錄

你也可以這樣

在this.$router.push中有兩種傳參方式

1.使用query來存放參數(shù)

// 其中的game.id,這就是動態(tài)路由的參數(shù),也就是‘_gt’
// query: {name: 'aaaa'},就是要傳遞的參數(shù)
this.$router.push({path: '/goodsList/'+game.id, query: {name: 'aaaa'}})

效果:
這樣做你傳遞的參數(shù)就會在地址欄顯示出來,但是你如果喜歡使用path,只能使用query來傳參


如何在跳轉(zhuǎn)的頁面取值


2.使用params來存放參數(shù)

this.$router.push({name: 'goodsList-gt', params: {gt: game, name:'aaaa'}})

效果:
使用這種方式,地址欄中不會把參數(shù)顯示出來\color{red}{(請注意:使用了params,就不能使用path,只能使用name)}

請注意下圖中的紅框


第一個紅框:'goodsList-gt’是根據(jù)你的動態(tài)路由的路徑的來(層級原本使用 /,要變成 -)
我的路徑是 goodsList/_gt 所以轉(zhuǎn)化為=> goodsList-gt
同理若是你的路徑 game/goodsList/_gt 轉(zhuǎn)化為=> game-goodsList-gt
第二個紅框:‘gt’ 是根據(jù)你動態(tài)路由的名字來定
我的是_gt這里就只要寫gt 就好了

如何在跳轉(zhuǎn)的頁面取值


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

  • 1.css只在當前組件起作用答:在style標簽中寫入scoped即可 例如: 2.v-if 和 v-show 區(qū)...
    小棋子js閱讀 617評論 0 0
  • 目錄 - 1.vue-router響應 路由參數(shù) 的變化 - 2.vue-router如何定義嵌套路由? - 3....
    我跟你蔣閱讀 5,822評論 0 14
  • 今天身體覺得很累,跑起來有點擔心自己會太強求身體,膝蓋啊或者哪里有運動損傷,明天換個局部運動或者瑜伽,不做燃脂了,...
    浩渺宇宙閱讀 81評論 0 0
  • 記得幾天前,有一個女性朋友向我借3000元,當時,我謊稱我沒有,就沒有借給她。其實,我對那個女孩有好感,還打算第二...
    綱手姐姐閱讀 805評論 0 1
  • 勞動是一個中性詞。勞動的反義詞是休息。 如果勞動光榮,休養(yǎng)也非可恥。 要莫,勞改改為休改吧。
    閑鄉(xiāng)閱讀 763評論 0 0

友情鏈接更多精彩內(nèi)容