最近在使用vue2来开发一个webapp。开发过程中遇到了一个bug。首先,项目所使用的是饿了么基于vue2的ui框架,为了偷懒,把所有的能用的组件都用了。作为webapp当页面切换 出去,再回来的时候,我肯定不希望它重新去请求ajax来加载数据,所以我用了vue2中的keep-alive来缓存页面。
问题来了,ui组件tabbar和vue2的keee-alive发生了冲突,如下图所示,当点击“首页”的时候,页面跳转,路由是正确的,但是tabbar却没有按要求的把激活的class应用起来。
解决方法:
至于上面的问题,占时先在这里留个坑,有时间再去研究。这里,最简单的方法是,自己重写一个tabbar来替换原有。