鍍金池/ 問答/HTML/ vue-router應(yīng)該如何模擬這種和瀏覽器選項(xiàng)卡差不多的系統(tǒng)?

vue-router應(yīng)該如何模擬這種和瀏覽器選項(xiàng)卡差不多的系統(tǒng)?

clipboard.png
如圖,有什么思路或者現(xiàn)成的插件嗎?

elementUI看了下,感覺不能支持動態(tài)的組件切換?

回答
編輯回答
半心人

上方選項(xiàng)卡寫成一個(gè)組件,然后點(diǎn)擊這個(gè)組件的時(shí)候跳轉(zhuǎn)相應(yīng)的路由

把組件對應(yīng)的路由信息都存在組件內(nèi),然后再判斷當(dāng)前路由與組件內(nèi)的路由信息是否一致來決定是否active,就可以了,這就是大致思路

做完之后就是這個(gè)樣子圖片描述

其實(shí)跟側(cè)邊欄是一樣的,只不過你還要設(shè)定組件最大數(shù)量,以及還有增加組件、移除組件、存儲組件信息等功能

2017年12月9日 03:35
編輯回答
亮瞎她

動態(tài)組件切換不是vue?

2017年5月7日 15:40