关于vue2中keep-alive和mint-ui中tabbar的使用问题

       最近在使用vue2来开发一个webapp。开发过程中遇到了一个bug。首先,项目所使用的是饿了么基于vue2的ui框架,为了偷懒,把所有的能用的组件都用了。作为webapp当页面切换 出去,再回来的时候,我肯定不希望它重新去请求ajax来加载数据,所以我用了vue2中的keep-alive来缓存页面。

        问题来了,ui组件tabbar和vue2的keee-alive发生了冲突,如下图所示,当点击“首页”的时候,页面跳转,路由是正确的,但是tabbar却没有按要求的把激活的class应用起来。

fa

解决方法:

至于上面的问题,占时先在这里留个坑,有时间再去研究。这里,最简单的方法是,自己重写一个tabbar来替换原有。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,539评论 25 709
  • block的使用场景 1.把block保存到对象中,恰当时机的时候才去调用2.把block当做方法的参数使用,外界...
    芝麻绿豆阅读 607评论 0 5
  • “心似双丝网,中有千千结”。以前总觉张先词句矫揉造作的多,今日事到临头,才知自己浅薄。忙了一天又怎样,还是一样的失...
    自由和安阅读 423评论 2 0
  • 这里是一个才听了几天听力就急迫想要分享podcast给大家的呆呱嘤嘤嘤~虽然不是资深,但是希望对大家的听力有帮助!...
    幸好都好阅读 642评论 0 0