2017-10-28 182 views
1

大師,傳遞多個道具Vue的成分在路線(VUE路由器)

我有我運行如下及VueJS子組件工作正常 -

<app-shopping :categories="categories" :imageList="imageList"> 

現在我想爲此添加一條單獨的路線,但我不確定如何在路線聲明中通過categoriesimageList道具。我正在這樣做 -

import appShopping from '../components/AppShopping.vue'; 
export const routes = [ 
    { path: '/', 
    component: appShopping, 
    props: true, 
}, 
]; 

有人能告訴我如何將道具從父組件傳遞給此組件嗎?感謝您的幫助

編輯:增加了問題 如何解決延長,如果我在我的路線是由不同的組件,每個都有它自己的一套道具從父傳遞?

謝謝。

+0

@Bert這是正確的答案,我剛剛發現我自己。發佈它作爲答案,以便我可以放棄它 – Mortz

回答

2

您可以傳遞router-view上的屬性。

<router-view :categories="categories" :imageList="imageList"></router-view>