Node's Perpetuum Mobile

    vue-element-admin-layout

    0.0.17 • Public • Published

    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.

    Install

    npm i vue-element-admin-layout

    DownloadsWeekly Downloads

    12

    Version

    0.0.17

    License

    MIT

    Unpacked Size

    601 kB

    Total Files

    4

    Last publish

    Collaborators

    • zhoudawei