vue-element-admin-layout
v0.0.17
Published
<!-- * @Author: davidZhou * @Date: 2019-10-16 21:18:36 * @LastEditors : davidZhou * @LastEditTime : 2019-12-24 13:47:37 --> # vue-element-admin-layout
Downloads
7
Readme
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 | 用户信息点击 |