不懂就问： vue 实现 微信小程序的 tab 切换效果

[BluesQu]

要求 1：底部是几个 tab tab 之间切换的时候 只是上半部分页面内容加载 底部的 tab 不动
要求 2：一部分页面 不展示底部 tab

方案 1 tab 写成公共的放在 app.vue 上半部分是 router-link 这样子满足 要求 1 但是不知道如何实现要求 2
方案 2 把底部的 tab 写成组件，页面按需调用 但是这样子 tab 切换页面跳转的时候 底部会跟随页面刷新 效果不是很好

感谢大家，已经找到思路了。

[BluesQu]

求教

[rabbbit]

这种效果?

[jwk345]

简单的做法就是方案 1 tab 组件加上 v-if，条件就是根据当前路由判断是否显示

[avenger]

我项目中刚好在用，方法是你的方案一，加一个全局 settabindex 方法，参数为 -1
的时候不显示，在所有页面的 mount 方法中调用

[BluesQu]

@rabbbit 朋友，图片崩了。。。。。。[黑人问号？？？]

[BluesQu]

@avenger 感谢

[BluesQu]

@jamesxu 感谢