```javascript
点击主路由想让主路由显示高亮就要在底部的footer文件里 写好主路由下的子路由比如 交易模块下又三个子路由
<div class="tab-item" id="teshubox" @click="switchTo('/transaction')">
<div class="slot"></div>
<div class="teshu">
<img
:src="
'/transaction' === $route.path || '/transaction/fabu' === $route.path || '/transaction/shourang' === $route.path || '/transaction/zhuanrang' === $route.path
? tabBarImgArr[2].selected
: tabBarImgArr[2].normal
"
/>
</div>
<span :class="'/transaction' === $route.path || '/transaction/fabu' === $route.path || '/transaction/shourang' === $route.path || '/transaction/zhuanrang' === $route.path?'tab-txtseleted':'tab-txt '">交易</span>
</div>
子路由这样写
<div class="taber">
<ul class="tabul">
<router-link :to="{path: '/transaction/shourang'}" tag="li">受让</router-link>
<router-link :to="{path: '/transaction/zhuanrang'}" tag="li">转让</router-link>
<router-link :to="{path: '/transaction/fabu'}" tag="li">发布</router-link>
</ul>
<img src="../../assets/3-1.png" alt="">
</div>
点击子路由高亮的样式
.router-link-active {
font-size: 25px;
color: #263e56;
font-family: PingFang SC;
font-weight: 800;
}
如何让页面一进来就显示一个路由呢那就在index.js写上 重定向你指定的子路由
{
path: '/transaction',
name: 'transaction',
redirect: '/transaction/shourang',
component: resolve => (require(["@/components/transaction/transaction"], resolve)),
完毕