2017-08-03 65 views
2

簡單的任務,從一個頁面傳遞到另一個數據做了一個真正的頭痛Vue.js 到新手在這裏是我的路由器 enter image description hereVue.js,數據傳遞到組件的另一條路線

我渲染形成「/」頁面,這使得API請求上, enter image description here

,我只是想將數據傳遞到另一條路線頁面與其他組件 enter image description here

這很難在Vue公司做什麼?它今天讓我很頭疼。 從API獲取數據,保存&發送到另一個組件。我該怎麼做?

+0

你想傳遞什麼數據? 'activities'? – choasia

回答

4

正如安東尼所說,因爲你已經在router/index.js啓用的道具,你可以在router.push傳遞參數是這樣的:

router.push({ 
    name: 'events', 
    params: { 
     items: data 
    } 
}); 

,那麼你將能夠接收items作爲道具EventsDisplay.vue

export default { 
    name: 'eventsDisplay', 
    props: ['items'], 
}; 
+1

@EzhiMakov' this.items'應該可以工作。由於它與這個問題無關,因此您可以在 中打開另一個問題並將代碼粘貼到那裏。 – choasia

+0

非常感謝,男士,對於以前的評論感到抱歉,這是我的愚蠢與刷新/事件頁面沒有傳遞數據 –

+0

沒有問題,先生 – choasia

1

如果要全局保存,可以使用事件總線或VueX存儲來存儲它,然後在需要訪問時從該事件總線或存儲中保存並加載它。

如果你想這兩個部件之間傳遞只,從第一個訪問的第二頁,只有當,你可以通過屬性來路由參數按本指南:https://router.vuejs.org/en/essentials/passing-props.html

相關問題