【問題】:請問下多個兄弟組件中如何共用一個公共的組件?【描述】:進(jìn)入我的網(wǎng)站,根據(jù)路由不同,對應(yīng)不同的組件(后面統(tǒng)稱組件1),在這些組件中,又有公共的部分(后面統(tǒng)稱組件2),但是在公共部分中,里面的某些數(shù)據(jù),我需要根據(jù)組件1中傳不同的數(shù)據(jù),這個要怎么實(shí)現(xiàn)?【效果】:比如在上面圖1的這個頂部,這個標(biāo)題和按鈕中的text,我都希望根據(jù)組件1來傳遞。【業(yè)務(wù)】:用戶首頁點(diǎn)擊圖2中的用戶信息,跳轉(zhuǎn)進(jìn)入圖2(用戶詳情界面),其他有些模塊類似?!敬a】:...
{ //圖2 router
path: '/user',
name: 'User',
meta: { ... },
components: {
default: User,
footer: Footer
}
}, { //圖1 router
path: '/user/detail',
name: 'UserDetail',
meta: { ... },
component: UserDetail
//components: {
//default: UserDetail,
//header: Header //圖2中頂部公共組件
//} }
...個人想用vue-router中的children來實(shí)現(xiàn),但是發(fā)現(xiàn)好像不能這么做剛?cè)肟硬痪茫垎栂麓笊駛円趺磳?shí)現(xiàn)?給個思路就可以了,問題有點(diǎn)小白,不喜勿噴,謝謝!
Vue.js中多個兄弟組件中如何共用一個公共的組件?
紅顏莎娜
2018-07-11 20:14:55