首页 > 其他分享 >PC端项目配置左侧导航栏-新建页面

PC端项目配置左侧导航栏-新建页面

时间:2022-10-27 20:46:08浏览次数:61  
标签:index 菜单 创建 keep PC 文件夹 左侧 页面

1,效果图

 

2,先在views文件夹下面新建一个keep(假设名)文件夹 keep文件夹下面建一个Keep.vue文件

 

 3,在新建的页面里 写上以下代码(等会页面上看到这个信息说明进来了)

 

 <template>
  <div>留存子管理</div>
</template>
<script>
export default {

}
</script>
<style>
</style>

4,打开route.js文件(配置一下刚刚写的这个页面的路由,然后上面的keep要替换成你刚刚写的文件夹以及文件名)

 

 , {
          path: '/keep/keep',
          name: 'keepKeep',
          component: () => import('@/views/keep/Keep'),
        }

5,在页面上打开权限管理下面的控制器管理-点击添加控制器

 

 6,在配置你要设置的某某管理(主菜单路径要写文件夹下的index,index文件不用在文件夹下面创建,只是主菜单要用index,子菜单用刚刚创建好的也就是router.js文件里面的路径,主菜单是在项目上创建的所以不需要在代码里面写或者创建文件)

 

 7,下一步就是创建子菜单(建子菜单的时候归属要选择刚刚创建的某某管理,是属于哪个主菜单)

 

 

 8,都弄好了就打开权限组管理 点击编辑

 

 

9,把心创建的这两勾上 然后点修改权限

 

 10,然后重新登陆一下 就可以看到留存管理了(在你创建的这个页面上开始写你需要的样式布局)

 

标签:index,菜单,创建,keep,PC,文件夹,左侧,页面
From: https://www.cnblogs.com/maimaizi/p/16833620.html

相关文章