导航栏navHeader

https://blog.csdn.net/weixin_35798126/article/details/74080044

<el-row class="tac">
      <el-col :span="12">
        <h5>妈妈钱包</h5>
        <el-menu
          :default-active="$route.path"
          class="el-menu-vertical-demo"
          router
        >
            <el-menu-item index="/userList" >
              <i class="el-icon-menu"></i>
              <span slot="title">用户信息</span>
            </el-menu-item>
            <el-menu-item index="/changeAccountManager" >
              <i class="el-icon-menu"></i>
              <span slot="title">批量变更客户经理</span>
            </el-menu-item>
            <el-menu-item index="/breatheData" >
              <i class="el-icon-menu"></i>
              <span slot="title">呼出数据</span>
            </el-menu-item>
        </el-menu>
      </el-col>
    </el-row>

注意的地方:

:default-active="$route.path"  index="/userList"  点击导航栏跳转路由    记得加上router
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一、基本用法 React Router 安装命令如下。 $ npm install -S react-router...
    sunnyghx阅读 4,602评论 0 6
  • vue笔记 一.vue实例 vue的生命周期 beforeCreate(创建前), created(创建后), b...
    秋殇1002阅读 1,132评论 0 1
  • 一、具体需求: 1. 页面布局 左侧导航,右侧侧边辅助菜单,中间主业务界面;左侧导航是根据用户权限动态生成的。 2...
    环零弦阅读 8,968评论 0 3
  • react路由 模块 下载react-router模块,版本3.0.5; 解构赋值:Router,Route,ha...
    果木山阅读 475评论 0 0
  • 先说重要的,今天爷爷奶奶下午4点多到北京。高兴。 问候了瑞士的老朋友,法国暴乱没影响她,嗯好! 妈妈寄来了两只烧鸡...
    1028nss阅读 142评论 0 0

友情链接更多精彩内容