vue.js 关于router-link的相关样式问题

<router-link :to="{path: 'buildCharAuth'}" tag="li" active-class="active">
  <i class="fa fa-male"></i>
  创建角色权限
</router-link>

<router-link :to="{path: 'managePersonList'}" tag="li" active-class="active">
  <i class="fa fa-male"></i>
  管理人员列表
</router-link>

data(){
  return{
    active: false
  }
},

这里的router-link 的属性需要设置为 active-class="active", 然后在script部分的data添加 active=false;这样切换页面或者组件router才能缓存不变