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>
 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM