2021/6/1011-9【知识点梳理】本章重难点总结_慕课网https://coding.imooc.com/lesson/502.html#mid=448851/111-9【知识点梳理】本章重难点总结【知识点梳理】本章重难点总结内容介绍:1.权限&工作流知识介绍2.动态菜单渲染3.按钮权限控制4.导航守卫、权限拦截、动态路由接口调用:权限列表:/users/getPermissionList重难点用户菜单权限:用户登录->获取用户身份(管理员和普通用户)->调用权限列表接口->递归生成菜单和按钮list->前端进行菜单渲染动态指令:v-has理解指令:v-on:click="handleUser"click对应binding.arg,表示指令参数handleUser对应binding.value,表示指令值导航守卫常用API:beforeEach()、afterEach()、getRoutes()、push()、back()、addRoute()我们判断当前路由是否存在时,也可以使用hasRoute()原代码:router.getRoutes().filter(route=>route.path==path).length;更改后代码:router.hasRoute(to.name)app.directive('has',{beforeMount:function(el,binding){//获取按钮列表,注意按钮的key不可以重复,必须唯一letactionList=storage.getItem('actionList');//获取质量的值letvalue=binding.value;//判断值是否在按钮列表里面lethasPermission=actionList.includes(value)if(!hasPermission){//隐藏按钮el.style='display:none';setTimeout(()=>{//删除按钮el.parentNode.removeChild(el);},0)}}})返回章节问答课签笔记资料我的慕课