在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue,vue-router如何做,實(shí)現(xiàn)切換標(biāo)簽,公用組件顯示對(duì)應(yīng)不同的內(nèi)容

vue,vue-router如何做,實(shí)現(xiàn)切換標(biāo)簽,公用組件顯示對(duì)應(yīng)不同的內(nèi)容

clipboard.png
通過切換上邊4個(gè)標(biāo)簽,控制左側(cè)邊欄顯示對(duì)應(yīng)的內(nèi)容,求提供思路,是通過路由還是參數(shù)更好?

回答
編輯回答
毀憶

2種思路。
第一種是通過路由切換頁(yè)面,即中間需要變化的模塊為子路由,通過點(diǎn)擊上面的模塊來(lái)切換不同的路由,顯示不同的頁(yè)面;
第二種就是通過v-show或者v-if控制顯示不同的界面。
兩種方式,各有優(yōu)劣,路由方式是刷新頁(yè)面后內(nèi)容依然能夠存在,而參數(shù)方式刷新后如果不采用緩存方式緩存數(shù)據(jù)的話,頁(yè)面會(huì)回到初始化的狀態(tài),建議你如果頁(yè)面邏輯比較多,比較復(fù)雜,采用路由方式,如果只是顯示幾個(gè)界面,沒什么交互邏輯的話,完全可以采用參數(shù)形式。
不過看你這個(gè)應(yīng)該是后臺(tái)管理系統(tǒng),向后維護(hù)考慮,建議你采用路由方式。

2018年9月8日 08:14
編輯回答
櫻花霓

vue-router有個(gè)命名視圖,可以看一下! vue有<slot>具名槽,應(yīng)該也可以實(shí)現(xiàn)你想要的功能,不行話直接用jq直接操作Dom控制。

2017年6月20日 01:04
編輯回答
神經(jīng)質(zhì)

如果你左側(cè)的導(dǎo)航是動(dòng)態(tài)渲染的,可以監(jiān)聽標(biāo)簽的點(diǎn)擊事件,用 vue-router 的 addRoutes 動(dòng)態(tài)渲染左側(cè)導(dǎo)航。
這個(gè)需要在 vue-router 的守衛(wèi)(router.beforeEach((to, from ,next))寫,判斷當(dāng)前標(biāo)簽->獲取對(duì)應(yīng)左側(cè)路由配置->將左側(cè)路由添加到vue-router

2017年10月29日 15:36
編輯回答
拮據(jù)

看下動(dòng)態(tài)組件能解決不

2018年1月7日 08:32