Vue + Element UI

Vue 集成 Element  UI:

Element  UI 后台管理系统主要的标签:

  el-container:构建整个页面框架。

  el-aside:构建左侧菜单。

  el-menu:左侧菜单内容,常用属性:

    ;default-openeds:默认展开的菜单,通过菜单的index值来关联

    ;defaul-active:默认选中的菜单,通过菜单的index值来关联

  el-submenu:可展开的菜单,常用属性:

    ;index:菜单的下标,文本类型,不能是数值类型。

  template:对应el-submenu的菜单名。

  i:设置菜单图标,通过class属性实则。(下面为三种图标类型)

    ;el-icon-messae

    ;el-icon-menu

    ;el-icon-setting

  el-menu-item:菜单的子节点,不可再展开,常用属性:

    index:菜单的下标,文本类型,不能是数值类型。

 

posted @ 2022-01-11 21:11  冰溏  阅读(110)  评论(0编辑  收藏  举报