微人事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、 菜单列表、 跳回登录页  后台啥也没做

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

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值