利用vuex和localStorage实现vue菜单权限管理(笔记)

最近需要实现菜单权限管理的功能,好久没写了,之前也没有记录过,就很烦。在这里记录一下。实现方法太多了。后续再整理一下。 store/index.js vuex里获取权限列表 router/index.js的 router.beforeEach 或者 store/index.js router/index.js 路由守卫里 router.beforeEach 获取权限列表存到vuex里 最后页面中从[…]

继续阅读 …

vue-router 报错:Navigation cancelled from“/…“ to “/…“ with a new navigation.

vue-router@3.0版本及以上回调形式已经改成promise api的形式了,返回的是一个promise,如果路由地址跳转相同, 且没有捕获到错误,控制台始终会出现如图所示的警告 (注:3.0以下版本则不会出现以下警告!!!,因路由回调问题…)* 怎么解决呢? 方案一:安装vue-router3.0以下版本:先卸载3.0以上版本然后再安装旧版本 npm install vue-router[…]

继续阅读 …

el-menu实现路由跳转及当前页的导航

1、el-menu-item 路由跳转 要实现路由跳转,先要在el-menu标签上添加router属性,然后只要在每个el-menu-item标签内的index属性设置一下index即可实现点击el-menu-item实现路由跳转。 这样还是不够的,刷新页面后, el-menu-item 展示项不是当前页。 2、el-menu-item 展示当前页的导航 导航当前项,在el-menu标签中绑定  […]

继续阅读 …