鍍金池/ 問(wèn)答/HTML/ 使用vue框架怎么實(shí)現(xiàn)這種注冊(cè)切換效果

使用vue框架怎么實(shí)現(xiàn)這種注冊(cè)切換效果

一個(gè)注冊(cè)頁(yè) 需要左右切換個(gè)人注冊(cè)和機(jī)構(gòu)注冊(cè) 該怎么實(shí)現(xiàn)呢？

clipboard.png

回答
編輯回答
絯孑氣

v-if/v-else或v-show不就完了么...

2017年10月23日 08:48
編輯回答
凝雅

父組件里包個(gè)router-view, 點(diǎn)擊切換路由進(jìn)行跳轉(zhuǎn)

2018年3月27日 05:08
編輯回答
話寡

類似tab組件啊，個(gè)人/機(jī)構(gòu)注冊(cè)的內(nèi)容寫(xiě)成兩個(gè)組件view1,view2。定義一個(gè)變量currentView，默認(rèn)值為view1。

<component :is="currentView"></component>

上邊上兩個(gè)按鈕，點(diǎn)擊的時(shí)候切換currentView的值。

2017年1月2日 16:44
編輯回答
祈歡

路由（講道理不推薦，組織起來(lái)有點(diǎn)兒復(fù)雜），v-if/v-show（講道理不利于維護(hù)），兩個(gè)組件（動(dòng)態(tài)組件，配合keep-alive，兩個(gè)組件相似點(diǎn)其實(shí)有點(diǎn)兒多，但是各自維護(hù)各自的data會(huì)更加清晰一點(diǎn)）。從簡(jiǎn)單易懂的角度來(lái)說(shuō)我推薦v-show，組件形式應(yīng)該更加實(shí)用一點(diǎn)

2017年8月8日 23:54