隐藏/显示jeecg-boot 后端管理页面的右侧的系统设置

登录后台，通过添加一个下拉选项【系统设置】来控制系统的后侧系统设置，布局如下：

• 修改UserMenu.vue文件

     1.全局搜索“账户设置”，找到对应的vue文件：UserMenu.vue

     2.添加【系统设置】下拉选项

      在UserMenu.vue中的“账户设置”的代码

      
          
            
            账户设置
          
        

      下面添加代码：

     
         
          系统设置
      

            3.并将【密码修改】、【切换部门】的a-menu-item的key分别设置为4、5
            
            4.引入系统设置页面SettingDrawer.vue
                1）在代码下面
                添加代码
                
                2）import区域添加代码 import SettingDrawer from "@/components/setting/SettingDrawer";
                3） components中添加 SettingDrawer
            5.为步骤2中的【系统设置】添加click方法
            在methods中添加
                  systemSetting(){
                    this.$refs.settingDrawer.showDrawer()
                  }

•    修改SettingDrawer.vue文件

            将代码     
                

                   
                   
                 

            更改为：
                  

                    
                  

• 最终代码

        1.UserMenu.vue

        2.SettingDrawer.vue

 

转载于:https://my.oschina.net/u/3903209/blog/3075021