本文介绍了如何从vue-element-admin模板中提取所需部分，创建一个简化版的后台管理项目。详细步骤包括：创建index.vue作为整体框架，设置sidebarItem处理侧边栏路由，配置router.js的静态和动态路由，以及在store的permission.js中实现权限管理。特别提醒，在使用router.beforeEach时，务必注意next()的使用，否则可能导致路由无法正常工作。
一、介绍
我们以往创建一个后台管理项目，首先想到的是vue-element-admin这是开源的后台管理模板，我们在做项目时可以套用这个开源的模板，但是这个模板涵盖了很多内容，有些是我们不需要的，所以这里我将该模板拆解，提取我自己需要的模块，这样就简化了许多。
二、步骤分析
（1）首先需要一个index.vue 这里就是整体框架内容。这里需要注意的是在router-view部分若加上transition动画标标签这时transition标签包裹的元素只能有一个，如果有多个那么就要使用transition-group标签。并且transition-group标签内的每个元素都得有key标识。
（2）sidebarItem是侧边栏的重要组成部分，router路由的逻辑都在这里，弄懂这里就能搭建关于权限的管理后台。值得注意的是这里router-link ：to = “ item.name
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
