学生管理系统-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&