这是一个创建于 1629 天前的主题,其中的信息可能已经有所发展或是发生改变。
要求 1:底部是几个 tab tab 之间切换的时候 只是上半部分页面内容加载 底部的 tab 不动
要求 2:一部分页面 不展示底部 tab
方案 1 tab 写成公共的放在 app.vue 上半部分是 router-link 这样子满足 要求 1 但是不知道如何实现要求 2
方案 2 把底部的 tab 写成组件,页面按需调用 但是这样子 tab 切换页面跳转的时候 底部会跟随页面刷新 效果不是很好
第 1 条附言 · 2019-11-04 18:00:40 +08:00
感谢大家,已经找到思路了。
7 条回复 • 2019-11-04 17:59:43 +08:00
|
|
1
BluesQu 2019-11-02 17:43:54 +08:00
求教
|
|
|
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 方法中调用
|
|
|
6
BluesQu 2019-11-04 17:59:06 +08:00
|
|
|
7
BluesQu 2019-11-04 17:59:43 +08:00
|