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