z***@163.com
z***@163.com
  • 发布:2019-08-08 12:30
  • 更新:2020-04-22 11:51
  • 阅读:1377

#插件讨论# 【 SwipeAction 滑动操作 - DCloud 】左滑在其它tab项失效

分类:uni-app

有几个tab页,在第一个tab页中的list中可以正常左滑动显示按钮,第二,三个tab页就不行,失效了,有人遇到过吗?

2019-08-08 12:30 负责人:无 分享
已邀请:
DCloud_UNI_HT

DCloud_UNI_HT

因为 SwipeAction 会在组件初始化的时候获取元素节点信息进行布局,如果是放在 tab 里 ,切换的时候不重新加载组件,会造成节点获取信息获取错误, 可能会导致组件异常

解决方案:

  1. 给组件添加v-if ,显示某个tab后,再去显示组件
  2. 给组件加上key ,每次切换 tab 更新key的值 ,触发组件重新渲染(最好使用时间戳,保证key每次更新都是不同的值,
chualosue

chualosue

我也碰到了,就是请求list数据后跳到哪个tab,那个tab下的list才能滑动,别的tab下的都不能滑动,我用延时器跳转两次也没用

chualosue

chualosue

v-show跟这个插件的兼容性不好,用v-if显示tab就不会了

该问题目前已经被锁定, 无法添加新回复