vue使用elementUI导航vue-router解决高亮问题
代码总览:
<template> <div> <el-aside width="190px" style="overflow:hidden" > <el-row class="tac"> <el-col :span="12"> <el-menu :default-active="activenev" class="el-menu-vertical-demo" background-color="#2d3438" text-color="#fff" style="height:974px;" :router="true" :collapse="false" :default-openeds="defaarray" > <el-submenu index="1"> <template slot="title"> <i class="el-icon-location"></i> <span>控制台</span> </template> <el-menu-item index="server"> <i class="el-icon-upload"></i> 云服务器</el-menu-item> <el-menu-item index="db"> <i class="el-icon-tickets"></i> 云数据库 </el-menu-item> <el-menu-item index="domain"> <i class="el-icon-loading"></i> 智能负载均衡 </el-menu-item> <el-menu-item index="1-2-1"> <i class="el-icon-rank"></i> 域名 </el-menu-item> </el-submenu> <el-submenu index="2"> <template slot="title"> <i class="el-icon-view"></i> <span>用户中心</span> </template> <el-menu-item index="1-2-1"> <i class="el-icon-view"></i> 财务中心 </el-menu-item> <el-menu-item index="1-2-1"> <i class="el-icon-refresh"></i> 续费管理 </el-menu-item> <el-menu-item index="1-2-1"> <i class="el-icon-service"></i> 工单管理 </el-menu-item> <el-menu-item index="1-2-1"> <i class="el-icon-setting"></i> 账号设置 </el-menu-item> </el-submenu> </el-menu> </el-col> </el-row> </el-aside> </div> </template> <script> export default { data(){ return{ activenev:'', defaarray:["1","2"] } }, methods:{ splithref(href){ var href = href.split("http://localhost:8080/user/") console.log(href[1]) return href[1] } }, mounted(){ this.activenev = this.splithref(window.location.href) }, } </script>