开发移动端时,一般来说,tabbar在整个vue项目中都会单独取出来做成一个组件,那么很多时候会遇到一种情况,打开网站打tabbar默认为0,我们跳转到tabbar为2的页面后,刷新页面,tabbar变回0了,这时候就得想办法解决这问题
代码如下:
mounted() {
/* 直接在tabbar组件页面监听,判断当前页面是哪个页面,
解决刷新时,tab默认为 0 的bug */
const navBarActive = window.location.hash
if (navBarActive.includes('#/Home')) {
this.active = 0
} else if (navBarActive.includes('#/Order')) {
this.active = 1
} else if (navBarActive.includes('#/Receive')) {
this.active = 2
} else if (navBarActive.includes('#/Return')) {
this.active = 3
}
},
版权声明:本文为u010613970原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。