使用indexOf() 方法 判断目前路由是在哪个界面.
image
首先在组件中 标签中定义一个path.填入跳转相关页面路由的信息.
image
然后在详细界面组件(TabBarItem.vue)下方使用props传递参数,一般会定义path为String字符串类型.
image
然后.在下方使用计算属性
computed:{
isActive(){
return this.$route.path.indexOf(this.path) !== -1
},
// 注意!!!!!!!! indexOf方法, 会检测前面的数据与括号里的参数是否一致, 如果一致, 那么则返回找到的参数的length中数组序号的值.
// 若没有找到, 那么会返回 -1
所以 这里拿它和 -1 相比
如果 前面的值与 -1 相比, 不等于(!==) -1
那么 这里会返回true.
}
