NavMenu之侧栏

 <el-menu 
 	background-color="#FFFFFF" 
 	text-color="#4B4B4B" 
 	active-text-color="#3583ED" //当前激活菜单的文字颜色
 	unique-opened 				//是否只保持一个子菜单的展开
 	:default-openeds="openeds"  //当前打开的 sub-menu 的 index 的数组  类型:Array
 	:default-active="$route.name"//当前激活菜单的 index  (二级菜单的index)  类型 (重):string   效果:二级菜单标题刷新后依旧高亮
 	> 
        <!-- 一级菜单 -->
         <el-submenu index="1">
           <template slot="title">
             <span class="headline">导航一</span>
           </template>
           <!-- 二级菜单 -->
           <el-menu-item 
	           index="homePage" 
	           @click="$router.push({name:'homePage',query:params})">选项一
	       </el-menu-item>
	      </el-submenu>
</el-menu>
<script> 
export default { 
    data(){
        return { 
          params:{},//跳转要传递的参数对象
          openeds:['1'],//导航栏展开第一个 (一级菜单的index)
        }
    },

}
</script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值