vue-admin-app

本项目将vue-element-admin中的布局Layout以npm包的形式提供出来，方便系统引入使用，同时保证自身项目代码的简洁。

安装

需提前安装vue2.x、element-ui、vue-router、vuex

npm install vue-admin-app

使用

import Vue from 'vue'
import ElementUI from 'element-ui'
import store from './store'
import router from './router'
import VApp from 'vue-admin-app' // 引入依赖
import 'vue-admin-app/dist/index.css' // 引入样式，已集成了element-ui的theme-chalk样式，无需再引入element-ui的样式文件

Vue.use(ElementUI)
Vue.use(VApp) // 使用插件

// 使用new VApp()代替new Vue(), title、router、store参数为必填，完整参数见下方“配置参数”
new VApp({
  router, // vue-router实例
  store, // vuex实例
  title: '系统名称'
})

配置参数

| 参数名 | 类型 | 说明 | | ----------- | ------------------- | ------------------------------------------------------------------------------------------ | | el | string | 挂载点的selector,默认是#app | | title | string | 必填，系统名称 | | logo | string | 系统logo的图片绝对地址,例如"/logo.png",会在sidebarLogo参数为true的情况下在侧边栏展示logo | | tagsView | boolean | 是否显示标签栏导航,默认true | | fixedHeader | boolean | 是否固定网站头，默认false | | sidebarLogo | boolean | 是否在侧边栏展示logo,默认false | | header | object [definition] | 传入一个vue组件, 用于自定义网站头上的内容 | | router | VueRouterInstance | 必填, vue-router的实例，会根据其中的路由配置展示菜单 | | store | VuexInstance | 必填，vuex实例，会在里面注入app、settings、tagsView模块用于控制布局 |

其他

• 未集成权限功能，不能使用路由配置中的roles控制权限，权限功能可通过在创建vue-router实例前对路由配置进行过滤实现

相关链接

• vue-element-admin在线预览
• vue-element-admin文档

License

MIT