0.0.17 • Published 4 years ago
vue-element-admin-layout v0.0.17
vue-element-admin-layout
版本升级
- 0.0.15 给logo增加logo-text属性，或者使用slot="logo"
如何使用
安装
npm install vue-elemenent-admin-layout --save更新
npm update vue-elemenent-admin-layout组件列表
- zdw-layout 布局组件
- zdw-breadcrumb 请勿单独使用
- zdw-header 请勿单独使用
- zdw-logo 请勿单独使用
- zdw-footer 请勿单独使用
引用方式
- 方法一
import Vue from "vue"
import VueElementAdminLayout from "vue-element-admin-layout"
Vue.use(VueElementAdminLayout)- 方法二
<script src="./node_modules/vue-element-admin-layout/dist/vue-element-admin-layout.js"></script>zdw-layout
props
| props | 默认值 | 说明 |
|---|---|---|
| logo-position | left | logo的位置 |
| logo-text | logoText | logo的名称 |
| sidebar-menus | [] | 侧边菜单栏 |
| dropdown-menus | {} | 顶部用户折叠信息 |
| copyright | 可为空 | 企业底部信息 |
| user-info | {} | 用户信息 |
slot
默认插槽, 用以容纳中间内容 content
Events
| Events | 说明 |
|---|---|
| on-click-dropdown-menu | 用户信息点击 |