这是一个创建于 1840 天前的主题，其中的信息可能已经有所发展或是发生改变。
要求 1：底部是几个 tab tab 之间切换的时候 只是上半部分页面内容加载 底部的 tab 不动
要求 2：一部分页面 不展示底部 tab
方案 1 tab 写成公共的放在 app.vue 上半部分是 router-link 这样子满足 要求 1 但是不知道如何实现要求 2
方案 2 把底部的 tab 写成组件，页面按需调用 但是这样子 tab 切换页面跳转的时候 底部会跟随页面刷新 效果不是很好
要求 2：一部分页面 不展示底部 tab
方案 1 tab 写成公共的放在 app.vue 上半部分是 router-link 这样子满足 要求 1 但是不知道如何实现要求 2
方案 2 把底部的 tab 写成组件，页面按需调用 但是这样子 tab 切换页面跳转的时候 底部会跟随页面刷新 效果不是很好
第 1 条附言 · 2019-11-04 18:00:40 +08:00
感谢大家，已经找到思路了。
 |
1
BluesQu OP 求教
|
 |
2
rabbbit 2019-11-02 18:21:32 +08:00
这种效果?
 |
 |
3
jamesxu 2019-11-02 18:41:04 +08:00 via iPhone  2
简单的做法就是方案 1 tab 组件加上 v-if，条件就是根据当前路由判断是否显示
|
 |
4
avenger 2019-11-04 17:54:56 +08:00 via iPhone 1
我项目中刚好在用，方法是你的方案一，加一个全局 settabindex 方法，参数为 -1
的时候不显示，在所有页面的 mount 方法中调用 |
Select Language