使用vue+element创建三级导航

最新推荐文章于 2024-08-20 14:02:30 发布

等风也在等着你

最新推荐文章于 2024-08-20 14:02:30 发布

阅读量1.2k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： vue element-ui 文章标签： vue element

本文链接：https://blog.youkuaiyun.com/weixin_44860425/article/details/94023398

废话不多说直接上代码

HTML

<template>
    <div>
        <el-menu 
        class="el-menu-demo" 
        mode="vertical" 
        @select="handleSelect" 
        @click='enter()'
        @mouseout='leave'
        :unique-opened='true'>
            <div v-for="(firstItem,firstIndex) in list" :key="'first'+firstIndex">
                  <!--el-submenu 为菜单列表，含有箭头，在children.length大于0的时候使用-->
                <el-submenu :index="firstItem.path" v-if="firstItem.children&&firstItem.children.length!==0">
                <template slot="title"><i :class="firstItem.icon"></i><span>{
   
   {
   
   firstItem.name}}</span></template