项目需求:点击查询列表操作栏按钮时,新建tab页签(可移除),tab页签的名称须根据操作栏按钮名称对应显示。如:点击“查看”时,新建页签名称为“查看”,点击“审核”时,新建页签名称为“审核”。原“查看”和“审核”页签是同一页面,只需要更改tab页签名称即可。
效果图:
实现逻辑:
1.一般来说右侧tab页签是根据用户点击左侧菜单显示出来的,而左侧菜单是在菜单管理页面进行配置的。不通过菜单配置,新建tab页签的实现就需要从router里入手。将新建页签作为主视图的子级进行配置即可。
2.动态更改tab页签的名称,需要用到boforeEnter路由守卫来实现
实现步骤: