关于在springboot+vue项目中点击个人信息打开一个tab

问题出处视频在b站：【第二季】全网最简单但实用的SpringBoot+Vue前后端分离项目实战

1. src/views/sys/下创建personal.vue，内容自拟

2. 数据库menu表新增数据

   insert into `x_menu` (`menu_id`, `component`, `path`, `redirect`, `name`, `title`, `icon`, `parent_id`, `is_leaf`, `hidden`) values('8','sys/personal','personal',NULL,'personal','个人信息','','1','Y','1');
   

3. 为相应角色添加权限，（或修改查询角色对应菜单的接口，将所有hidden为1的数据也查出来）

4. 修改src/layout/components/Navbar.vue