Vue中router-link上为某条标签添加默认active-class属性的方法

//在router文件下,在你想要的默认默认进入页面插入redirect属性即可
{
    path: '/',
    redirect: '/myInfo'
  },
//组件页面代码如下,我的默认跳转页面是myInfo
<el-container>
<ul>
<router-link to="/myInfo" tag="li" active-class="active" >我的资料</router-link>
<router-link to="/myOrder" tag="li" active-class="active">我的订单</router-link>
<router-link to="/consigneeInfo" tag="li" active-class="active">收货人信息</router-link>
<router-link to="/myScore" tag="li" active-class="active">我的积分</router-link>
<router-link to="/myCollect" tag="li" active-class="active">我的收藏</router-link>
<router-link to="/myCoupon" tag="li" active-class="active">我的优惠券</router-link>
</ul>
</el-container>
 

 

posted @ 2020-07-12 11:41  章鱼外套  阅读(1433)  评论(0)    收藏  举报