vue-loader + element-ui + webpack完成带有tab页面切换的后台管理系统

现在由于vuejs的流行,基于vue-loader + element-ui + webpack的后台管理系统也是有很多选择,由于基于之前业务,此次后台系统需要延续之前bui的tab页面切换风格,无奈之下只好自己完成这个后台框架。

MYV~YLIQ[20KGLA%WR_NJOE.png

如图所示

实现了tab页面切换的好处呢,就是在后台可以打开多个页面,同时保留页面编辑的状态,对于业务流程复杂的项目来说,还是挺有必要的。由于必须要实现这个功能,所以我不得不摒弃了vue-router 同时把相关的页面都做成 vue 组件,来实现这个功能,总之是有利有弊的一个做法。

源码地址 :https://github.com/mikoshu/my-platform

使用方法: pull 完成后,执行 npm install 完成后 执行 npm run dev 即可运行

6 条评论在 “vue-loader + element-ui + webpack完成带有tab页面切换的后台管理系统”

  1. I see your website needs some fresh posts. Writing manually
    takes a lot of time, but there is tool for this time consuming
    task, search for; Wrastain’s tools for content

发表评论

电子邮件地址不会被公开。 必填项已用*标注