关于在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的数据也查出来)

关于在springboot+vue项目中点击个人信息打开一个tab_第1张图片

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

关于在springboot+vue项目中点击个人信息打开一个tab_第2张图片

你可能感兴趣的:(vue.js,elementui)