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	用户信息点击

更多内容，请参考官网

See vue-element-admin-layout.