admin 管理员组

文章数量: 1086019


2024年1月5日发(作者:媒体查询区间)

vue 3 el-menu el-submenu写法介绍如下:

在Vue 3中,使用Element Plus的el-menu和el-submenu组件可以实现菜单和子菜单的展示。下面是el-menu和el-submenu的基本用法示例:

在上面的示例中,el-menu组件通过:default-active属性设置了默认选中的菜单项,class属性设置了样式,mode属性设置了菜单模式,@select属性绑定了选中菜单项的回调函数。el-submenu组件通过index属性设置了菜单项的索引,通过template标签设置了菜单项

的标题,同时还包含了多个el-menu-item子组件。

需要注意的是,Vue 3中的template标签需要用#符号代替v-slot指令。


本文标签: 属性 设置 菜单项 菜单