vue
-
element
-
template
开发札记 |
前端
自定义路由权限动态刷新
侧边栏
1、获取
vue
-
element
-admin的src/store/modules/permission.js
从
vue
-
element
-admin的src/store/modules 目录下把 permission.js 文件拷贝至
vue
-
element
-
template
的 src/store/modules 目录下
访问：https://hub.fastgit.org/PanJiaChen/
vue
-
element
具有
Element
UI，axios，iconfont，权限控制和lint的最小
vue
管理员模板
现场演示： :
当前版本是在
vue
-cli上构建的v4.0+ 。如果要使用旧版本，可以将分支切换到 ，它不依赖于
vue
-cli
# clone the project
git clone https://github.com/PanJiaChen/
vue
-admin-
template
.git
# enter the project directory
cd
vue
-admin-
template
# install dependency
npm install
# dev
el
op
npm run dev
这将自动打开
# build for test environment
npm run build:stage
# build for
提示：这里简述项目相关背景：
<
template
>
<
el
-aside width="auto" :class="isCollapse?'menu-collapsed':'menu-expanded'">
顶部头像/图片
</
el
-aside>
</
template
>
顶部图片/头像：
提示：放置两个大小不同的图片，展开侧部导航栏时切换成大图片展示，否则显示小的，绑定changeCollapse点击事件
