学生管理系统-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组件，该组件用于完成封装的功能
<template> <div> <el-tag v-for="(item,index) in historyAry" :key="index"> <router-link :to="item.path&