1.0.0 • Published 2 years ago

vue-admin-app v1.0.0

Weekly downloads
-
License
MIT
Repository
-
Last release
2 years ago

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: '系统名称'
})

配置参数

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

其他

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

相关链接

License

MIT

core-jsnormalize.cssnprogresspath-to-regexp
@everything-registry/sub-chunk-3071
1.0.0

2 years ago