elementui中el-menu组件的用法

一开始对el-menu组件不熟悉,仔细学习后积攒了一点经验,现记录下。
一、各组件介绍:el-menu组件主要包括三个组件,el-menu、el-menu-item-group和el-menu-item
其中el-menu是最外层组件。el-menu-item-group是组件组el-menu-item-group可包含el-menu-item以及模板插槽。el-menu-item是组件元素。
二、基本使用:el-menu-item可直接在el-menu中使用
elementui中el-menu组件的用法_第1张图片
此时显示为elementui中el-menu组件的用法_第2张图片
el-menu-item也可插入元素,如elementui中el-menu组件的用法_第3张图片
此时显示elementui中el-menu组件的用法_第4张图片

el-menu-item-group是指一次插入多个el-menu-item

你可能感兴趣的:(elementui,vue.js,javascript)