項(xiàng)目需求:點(diǎn)擊查詢(xún)列表操作欄按鈕時(shí),新建tab頁(yè)簽(可移除),tab頁(yè)簽的名稱(chēng)須根據(jù)操作欄按鈕名稱(chēng)對(duì)應(yīng)顯示。如:點(diǎn)擊“查看”時(shí),新建頁(yè)簽名稱(chēng)為“查看”,點(diǎn)擊“審核”時(shí),新建頁(yè)簽名稱(chēng)為“審核”。原“查看”和“審核”頁(yè)簽是同一頁(yè)面,只需要更改tab頁(yè)簽名稱(chēng)即可。
效果圖:


實(shí)現(xiàn)邏輯:
? ? 1.一般來(lái)說(shuō)右側(cè)tab頁(yè)簽是根據(jù)用戶(hù)點(diǎn)擊左側(cè)菜單顯示出來(lái)的,而左側(cè)菜單是在菜單管理頁(yè)面進(jìn)行配置的。不通過(guò)菜單配置,新建tab頁(yè)簽的實(shí)現(xiàn)就需要從router里入手。將新建頁(yè)簽作為主視圖的子級(jí)進(jìn)行配置即可。
? ? 2.動(dòng)態(tài)更改tab頁(yè)簽的名稱(chēng),需要用到boforeEnter路由守衛(wèi)來(lái)實(shí)現(xiàn)
實(shí)現(xiàn)步驟:
? ??


