使用indexOf() 方法 判斷目前路由是在哪個(gè)界面.
image
首先在組件中 標(biāo)簽中定義一個(gè)path.填入跳轉(zhuǎn)相關(guān)頁面路由的信息.
image
然后在詳細(xì)界面組件(TabBarItem.vue)下方使用props傳遞參數(shù),一般會(huì)定義path為String字符串類型.
image
然后.在下方使用計(jì)算屬性
computed:{
isActive(){
return this.$route.path.indexOf(this.path) !== -1
},
// 注意!!!!!!!! indexOf方法, 會(huì)檢測(cè)前面的數(shù)據(jù)與括號(hào)里的參數(shù)是否一致, 如果一致, 那么則返回找到的參數(shù)的length中數(shù)組序號(hào)的值.
// 若沒有找到, 那么會(huì)返回 -1
所以 這里拿它和 -1 相比
如果 前面的值與 -1 相比, 不等于(!==) -1
那么 這里會(huì)返回true.
}
