微人事vhr 前端篇 -3 菜单页面

只记录自己不熟的,不适合他人查阅!!

菜单

安装vuex      命令  npm install vuex --save   

将来把菜单放在vuex中 就相当于放在内存中

创建store文件夹 index.js 文件  菜单列表从后端获取 

创建utils/ menus.js  菜单请求工具类

安装图标  npm install font-awessome  在main.js中引入

在main.js中创建全局前置守卫  注意第三个参数next() ,

出现的两bug:

1.获取不到store 是因为 store / index.js 没写 exoport defaul stroe

2.respundifound  是后端向session中设置验证码的captcha的拼写 被自己改了 

 

菜单添加header

header中 有边框 在public / index.html 中<body>里添加style解决

@command        dropdown下拉菜单中点击菜单触发的回调

注销登录 : 清空token、 user、 菜单列表、 跳回登录页  后台啥也没做

面包削效果  及  随便输入一个网址后先去登录页,登录后再跳回到刚才输入的网址

 

 

 


版权声明:本文为ale1129809478原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。