收藏
回答

使用swiper实现左右滑动,切换试题,产生的问题?

首先小程序是一个刷题的小程序,左右滑动可以切换上下题

当用户打开一个试卷后,用从数据库取出试卷中的所有题目(假设是40个题),存在本地的数据中。本地使用for循环渲染出 ,40个swiper-item,当用户左右滑动时就会切换试题。

问题:

从图中可以看出,当用户选择了答案A后,在拖动过程中,下一个题的A也会选中,当完全滑动到第二题后,才会取消选择A。这个主要是因为,我的题目选中状态与题号相关,当页面滑动的过程中,题号还没有切换,仍然是上一个题的题号,才会出现这种状况。

诉求:

1.请问有没有针对我这种实现方式的解决方案。

2.通常开发这种滑动切换的功能时,都是使用什么思路,可以给个思路吗

万分感谢!!!

回答关注问题邀请回答
收藏

3 个回答

  • Sachima
    Sachima
    2023-11-05

    大佬解决了吗 我现在也是 每次划过去才会更新 滑动过程中还是显示的上一条数据并且还拼接在一起了

    2023-11-05
    有用
    回复
  • Amour
    Amour
    2023-11-02

    请问你使用了circular了吗 怎么确保第一题和最后一题不衔接呢

    2023-11-02
    有用
    回复
  • swish
    swish
    2023-01-05

    大佬 你成功弄出来了吗

    2023-01-05
    有用
    回复 2
    • 璐
      2023-02-28
      目前的思路是用3个swiper-item。每次加载3道试题。通过滑动替换这3个
      2023-02-28
      回复
    • Amour
      Amour
      2023-11-17
      你是怎么使用的不会使第一题和最后一题衔接呢,如果是监听circilar 变化的话会不会有页面闪烁的问题啊
      2023-11-17
      回复
登录 后发表内容
问题标签