[youzan/vant]swipe组件在keepAlive页面中会出现图片消失的问题

2024-05-22 407 views
9

1、在使用了keepAlive组件的页面中,切换到别的页面,再切换回来,swipe组件上的图片会消失; 2、这个问题在iPhone上必现,安卓上没问题。

Screenshots Add screenshots to help explain your problem. image image

Environment

  • Device: iPhone XR、iPhone 7
  • Browser: 微信浏览器
  • Vant Version: 1.4.4

回答

4

试了下没复现,麻烦提供一下 jsfiddle

2

同样遇到问题,项目是单应用,keepAlive,切换路由,轮播图片会消失

4

试了下没复现,麻烦提供一下 jsfiddle

确认了一下,不是当前页面(使用了swipe组件的页面)开启keepAlive出现的问题,而且当跳到下一个页面的时候(这个页面开启了keepAlive),再返回当前页面,就会出现以上描述的问题。

6

同样的问题,发现是keepAlive返回后,swipe组件没有init,希望有赞大佬提供一个init方法和refresh方法!目前只有通过路由导航设置flag,在看不见轮播的时候执行keepAlive...

5

另外轮播图上如果有点击事件跳转链接,手指滑动时会直接触发,很尴尬

8

另外轮播图上如果有点击事件跳转链接,手指滑动时会直接触发,很尴尬

先把那个fastclick插件注掉吧,是跟那个有冲突了

4

按照你们的描述尝试了一下,还是没复现呢,能否给个 jsfiddle 喔,至少给个代码片段吧

5

另外轮播图上如果有点击事件跳转链接,手指滑动时会直接触发,很尴尬

先把那个fastclick插件注掉吧,是跟那个有冲突了

已解决,谢谢哈

1

老哥们解决了么

0

keep-alive 中的 Swipe 组件添加 v-if 判断,在 activated 生命周期中,将 Swipe 的 show 置为 true,在 deactivated 生命周期中,将 Swipe 的 show 置为 false,以此来重新渲染 Swipe,亲测可以很好解决这个问题。