vue element ui 導航刷新 is-active

   <el-menu :default-active="$route.path" router  mode="horizontal">
		<el-menu-item v-for="route in routes" :key="route.path" :index="route.path" :class="$route.path==route.path?'is-active':''">{{route.name}}</el-menu-item>
   </el-menu>

js:

routes: [
	{ path: '/main/kdgadmin', name: '幼兒園管理', },
	{ path: '/main/phyex', name: '體測', },

	]

css:
.is-active{
		background: #a3212f;
		border-bottom: 0px solid transparent;
		color: #FFFFFF;
	}