更改活动菜单的背景颜色

Question

<div class="row">
      <nav class = "navbar navbar-default" role = "navigation">
        <div class = "navbar-header">
          <button type = "button" class = "navbar-toggle pull-left" data-toggle = "collapse" data-target = "#example-navbar-collapse">
            <span class = "sr-only">Toggle navigation</span>
            <span class = "icon-bar"></span>
            <span class = "icon-bar"></span>
            <span class = "icon-bar"></span>
          </button>
          <div class="helpline-phone">
            <a href="tel:000000">
              <span class="glyphicon glyphicon-earphone pull-right visible-xs hidden-sm hidden-md hidden-lg"></span>
            </a>
          </div>
        </div>
        <div class = "collapse navbar-collapse" id = "example-navbar-collapse">
          <ul class = "nav navbar-nav">
            <li class="active"><router-link to="/en">Home</router-link></li>
            <li><router-link to="/about/en">About</router-link></li>
            <li class = "dropdown">
              <a class = "dropdown-toggle" data-toggle = "dropdown">
                Information
                <b class = "caret"></b>
              </a>
              <ul class = "dropdown-menu">
                <li><router-link to="/usefulLinks/en">Useful Links</router-link></li>
                <li><router-link to="/counsellingCenters/en">Counselling Centers</router-link></li>
              </ul>
            </li>
            <li><router-link to="/videos/en">Videos</router-link></li>
            <li><router-link to="/articles">Articles</router-link></li>
            <li><router-link to="/howItWorks">How it works</router-link></li>
          </ul>
          <div class="pull-right lang">
            <select name="educationOption" class="selectpicker" v-on:change="changeLanguageToMarathi" v-model="mySelectedLang">
              
               <option :value="MR">MR</option>
               <option>EN</option>
             
            </select>
          </div>
          <div class="contact pull-right hidden-xs visible-sm visible-md visible-lg">
            <a href="tel:000000">
              <span class="glyphicon glyphicon-earphone"></span>
              <span>000000</span>(10AM to 6PM)
            </a>
          </div>
        </div>
      </nav>
    </div>

你好，我是usng bootstrap＆amp; vuejs设计我的project.i想要更改背景颜色当前活动菜单。我正在使用bootstrap活动类。但它显示我第一个菜单处于活动状态。当我点击另一个菜单时它不设置或更改点击活动的颜色菜单。 我想更改当前活动菜单的背景。