vue 解决刷新页面时,tabbar和页面不匹配的问题

开发移动端时,一般来说,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版权协议,转载请附上原文出处链接和本声明。