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

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

作者: 稀释1 | 来源:发表于2021-05-18 13:25 被阅读0次

    vue tabbar 手势返回状态有误

    开发移动端时,一般来说,tabbar在整个vue项目中都会单独取出来做成一个组件,那么很多时候会遇到一种情况,打开网站打tabbar默认为0,我们跳转到tabbar为2的页面后,刷新页面,tabbar变回0了,这时候就得想办法解决这问题

    mounted() {
          /* 直接在tabbar组件页面监听,判断当前页面是哪个页面,
          解决刷新时,tab默认为 0 的bug */
          debugger
          const navBarActive = window.location.hash
          if (navBarActive.includes('#/home')) {
            this.selected = 'home'
          } else if (navBarActive.includes('#/user')) {
           this.selected = 'user'
          } 
        },
    

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/kbgejltx.html