学生管理系统-05封装选项卡

一、选项卡的添加

1、在router/index.js修改之前的动态添加二级路由的代码

 router.addRoute("homeName",{
         path:routeObj.path,
          component:()=>import(`@/views${routeObj.permission}.vue`),
          meta:{
            name:routeObj.title
        }
 })

在vue-router这个路由插件中，route表示的是路由对象，route的常见属性

属性名	含义
path	路径
component	路由对应的组件对象
name	路由名称
children	子路由配置
meta	路由元信息（携带额外信息）

这里我们使用路由元信息，将选项卡的名称携带到路由对象上

2、在components文件下创建MyTags.vue组件，该组件用于完成封装的功能