vue element menu侧边导航栏

港控/mmm° 2022-10-29 14:25 54阅读 0赞

<template>
      
      
      
      <el-menu background-color="#333744" text-color="#fff" active-text-color="#ffd04b" unique-opened router>
      <el-submenu index="1"> 
        <template slot="title">
          <i class="el-icon-location"></i> 
          <span>导航一</span>
        </template>
        <el-menu-item index="1-1">选项1</el-menu-item>
        <el-menu-item index="1-2">选项2</el-menu-item>
      </el-submenu>
      <el-submenu index="2">
        <template slot="title">
          <i class="el-icon-location"></i> 
          <span>导航一</span>
        </template>
        <el-menu-item index="2-1">选项1</el-menu-item>
        <el-menu-item index="2-2">选项2</el-menu-item>
      </el-submenu>
    </el-menu>
    </template>
    
    <script>
    export default { 
      name: 'Home'
    }
    </script>
    
    <style scoped>
    
    </style>

参考:  
https://element.eleme.io/\#/zh-CN/component/menu\#ce-lan

发表评论取消回复

表情：

评论列表（有 0 条评论，54人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue element-ui menu导航

menu组件使用 html <el-menu :default-active="activeIndex" class="el-me

灰太狼/ 2023年02月13日 04:00/ 0 赞/ 33 阅读

相关 php侧边栏导航效果,bootstrap实现简单侧边导航栏效果

本篇文章给大家介绍一下bootstrap侧边导航栏的实现方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。 ![ec862e11c6ccf6a4cf431

梦里梦外;/ 2023年01月14日 04:57/ 0 赞/ 374 阅读

相关 element-admin的侧边栏导航和权限

element-admin的侧边栏引入方法：我的有道云笔记可以下载：[element-admin的侧边栏导航和权限][element-admin]（下载文件资源的附件）

今天药忘吃喽~/ 2022年12月29日 09:15/ 0 赞/ 192 阅读

相关侧边导航栏

<template> <el-container style="height: 100vh" class="menu_container">

阳光穿透心脏的1/2处/ 2022年11月25日 10:12/ 0 赞/ 341 阅读

相关 vue element menu侧边导航栏数据渲染

<template>  <!--unique

「爱情、让人受尽委屈。」/ 2022年10月29日 14:26/ 0 赞/ 38 阅读

相关 vue element menu侧边导航栏

<template>  <!--unique

港控/mmm°/ 2022年10月29日 14:25/ 0 赞/ 55 阅读

相关 html侧边导航栏,浮动侧边导航栏的基本布局

先来一张效果图 ![a34e46fcb0a2][] 效果图 HTML JS Bin 头部内容左侧的一些内容首页学习中心考试中心考

短命女/ 2022年10月06日 11:46/ 0 赞/ 335 阅读

相关侧边栏组件(Vue)

从右侧滑入使用方法: 外部传入draw的键,且键值为true开启外部监听@changeShow事件,通过将传入的draw值改为

蔚落/ 2021年07月24日 20:29/ 0 赞/ 705 阅读

相关手风琴导航栏侧边-jQuery实现-案例

效果展示： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9n

朴灿烈づ我的快乐病毒、/ 2021年06月22日 15:36/ 0 赞/ 648 阅读

相关 CSS实现侧边栏导航

CSS实现侧边栏导航

小鱼儿/ 2021年05月03日 15:53/ 0 赞/ 675 阅读