亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在 Vue 組件內訪問 Vue 路由器中傳遞的道具?

如何在 Vue 組件內訪問 Vue 路由器中傳遞的道具?

汪汪一只貓 2023-03-24 16:18:54
我在下面定義了一條路線:{  path: 'fit-details',  name: 'fit-details',  component: Fitment,  props: true},我正在使用來自州的數據通過我的路線傳遞道具:this.$router.push({ path: 'fit-details', query: {     year: this.query.year,     make: this.query.make,    model: this.query.model  }})我看到路由在通過時得到了正確定義:www.placeholder.com?year=2008&make=Acura&model=MDX最后在我的接收組件中,我有 props 實例化:export default {  props: ['year', 'make', 'model'],},但是由于某種原因我無法訪問組件中的這些數據。任何幫助將不勝感激,老實說,我在 Vue 路由器方面不是最好的
查看完整描述

1 回答

?
慕少森

TA貢獻2019條經驗 獲得超9個贊

無需在訪問的組件中定義該道具,您可以使用this.$route.query.yearandthis.$route.query.make或者您可以執行以下操作:


const {'year', 'make', 'model'}=this.$route.query

或者 :


{

  path: 'fit-details',

  name: 'fit-details',

  component: Fitment,

 props:(route) => ({ year: route.query.year,make:route.query.make,model:route.query.model })


},

在Fitment組件中:


export default {

  props: ['year', 'make', 'model'],

},


查看完整回答
反對 回復 2023-03-24
  • 1 回答
  • 0 關注
  • 92 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號