[youzan/vant]van-tab组件用v-for动态生成,无法左右滑动?

2024-05-22 832 views
4

<van-tabs></van-tabs></p> <van-tab :title="item.cat_name" v-for="item in offerGoodsCatList"></van-tab>

因为每次请求后台接口,传来的商品类别都不一样,所以title不能写死,这里title如果不加 ":",读不出来item.cat_name,但是有个问题:不能拖动,不能左右滑,求解。。。???

回答

8
  1. 如果是要绑定变量是必须要加:或者通过v-bind
  2. 不能拖动的问题确实存在,我们会尽快修复
6

嗯,期待着你们尽快完善,3Q~

0

还有个问题,v-for生成的van-tab页面,返回上一页面,再进来时,会多生成一遍tab,相当于有了2套tab,我检查了数据,没有重复的,但标签页重复生成了,每次切出去再进入,会多一套tab,求解?

4

里面的van-tab都是你来配置有多少个的,这个你打印看下是不是数据重复插入了,和组件应该没关系

0

同遇到根据接口返回数据渲染 tab 后,不能左右滑动,此时 navBarStyleundefiend

3

@kevinchung1984 @lizhiyao 你们说的问题已经在0.10.6版本修复

4

Hello, 我加载了多个tab,标签栏在手机屏幕上不可以手指触摸拖动,这个有法解决么?我期望的是用户可以拖动标签栏,也可以点击,当有多个tab选项的时候,如果没有拖动的效果,用户从第一个tab点最后一个tab体验就特别不好。如果有大神知道解决方案,还望告知,感激不尽。

4

Hello, 我加载了多个tab,标签栏在手机屏幕上不可以手指触摸拖动,这个有法解决么?我期望的是用户可以拖动标签栏,也可以点击,当有多个tab选项的时候,如果没有拖动的效果,用户从第一个tab点最后一个tab体验就特别不好。如果有大神知道解决方案,还望告知,感激不尽。

很早就支持滑动了,请仔细阅读文档和示例

6

还是无法滑动

4

还是无法滑动+1

4

ios端无法滑动