Home

i want only style parent links when select the child route… but these routes not actully child… is there any way to make this work…

this is my navigation html codes

<ul class="nav navbar-nav navbar-right">
  <li id="home" class="mnu"><nuxt-link to="/home">HOME</nuxt-link></li>
  <li id="reward" class="dropdown mnu">
    <nuxt-link to="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">REWARDS <span class="caret"></span></nuxt-link>
    <ul class="dropdown-menu">
      <li><nuxt-link to="/reward">REWARD DISTRIBUTION ENGINE</nuxt-link></li>
      <li><nuxt-link to="/daily-challenges">DAILY CHALLENGES</nuxt-link></li>
      <li><nuxt-link to="/revive-reward">REVIVE REWARD</nuxt-link></li>
    </ul>
  </li>
  <li id="logs" class="dropdown mnu">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">LOGS <span class="caret"></span></a>
    <ul class="dropdown-menu">
      <li><nuxt-link to="/logs1">GAMEPLAY</nuxt-link></li>
      <li><nuxt-link to="/logs2">REWARDS</nuxt-link></li>
      <li><nuxt-link to="/logs3">PURCHASES</nuxt-link></li>
    </ul>
  </li>
  <li class="mnu"><a href="index.php" class="btn btn-default btn-sign-out">SIGN OUT</a></li>
</ul>

Just want to highlight Home. Rewards and Logs linkes when select child of that or that one… how to do it?

this is what i currently have…