router-link之导航图标不高亮解决方案总结

用<router-link>做导航引发的选中图标不高亮bug；
如图所示：

引发bug的情况：
在子路由中使用<router-link>组件，在切换<router-view>时导致选项不高亮。
百思不得其解，百度说是路由配置方法不对，这里给出另外一种经过实践可用的方法。
解决方案：
在父组件中监听子路由变化，动态的给父组件选中的标签加上高亮class。
代码：
template代码

<template>
  <div class="container">
    <div class="topContainer">
      <ul class="task-list">
        <router-link v-for="(item, index) in tabs"  :to="{name:item.id}">
          <div class="itembox" :class="selected==item.id?'activeText':'text'" @click="selected=item.id">
            <span>{
  {item.name}}</span>