公告列表
公告列表
收藏
回答

动态更新swiper，更新的swiper-item显示空白。

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug swiper 微信安卓客户端 7.0.6 2.8.1

在swiper-item设置了背景图的情况下会出现此bug。

https://developers.weixin.qq.com/s/NBOEiYmA7yae
回答关注问题邀请回答
收藏

3 个回答

  • 卢霄霄
    卢霄霄
    2019-08-29

    这个bug笑死我了。。swiper-item跑到下面去了。。。

    问题不在于 background属性，而是由于style里有变量属性。。

    swiper-item的切换效果实际上是在 style里动态设置了transform属性等等。。当你swiper-item的style里本来就写了个变量属性，就导致重新渲染之后这个属性设置失效了。。可以先在 swiper-item里套个view，然后style写到这个view上。。

    2019-08-29
    有用 2
    回复 14
    • bibolibo
      bibolibo
      2019-08-29

      测试了一下..果然如此..

      但是没有背景图的时候又没问题..这个也太秀了..难道还有宽度的问题把他挤下去了?

      2019-08-29
      赞
      回复
    • 卢霄霄
      卢霄霄
      2019-08-29回复bibolibo
      应该和虚拟dom里这个组件的渲染事件顺序有关。。默认情况下，是先处理了变量属性这个事件，再处理的 swiper-item 的动画效果事件。。。但是再次修改已有的组件的时候，却反过来了，导致添加动画效果的内容被变量属性事件覆盖了。。
      2019-08-29
      赞
      回复
    • 卢霄霄
      卢霄霄
      2019-08-29回复bibolibo
      那可不是挤下去了。。本来是靠着绝对定位搭配 translate来放在同一行的~
      2019-08-29
      赞
      回复
    • bibolibo
      bibolibo
      2019-08-29回复卢霄霄
      有点迷...应该就是你说的那样反过来,覆盖了吧.但是还是不知道为什么会挤下来
      2019-08-29
      赞
      回复
    • bibolibo
      bibolibo
      2019-08-29回复卢霄霄
      哦哦,这样的啊..可能没看到.
      2019-08-29
      赞
      回复
    查看更多(9)
  • Thinking80s
    Thinking80s
    2021-03-23

    https://github.com/NervJS/taro/issues/6597

    2021-03-23
    有用 1
    回复
  • A notorious liar(小花猫)
    A notorious liar(小花猫)
    2019-08-29


    要这样写，你这个涉及到了动态数组更新你没做更新

    2019-08-29
    有用
    回复 4
    • 2019-08-29
      这样确实可以了。但是这个不就是先重置一下吗？什么叫动态数组更新呢？而且不用背景图就不会出现此问题，非常奇怪。
      2019-08-29
      赞
      回复
    • 2019-08-29


      2019-08-29
      赞
      回复
    • A notorious liar(小花猫)
      A notorious liar(小花猫)
      2019-08-29回复
      我不知道怎么解释，我只知道你这个已经数据数据动态更新了
      2019-08-29
      赞 1
      回复
    • 2019-08-29回复A notorious liar(小花猫)
      和数据没有关系，只要不用背景图就不会出现bug。
      2019-08-29
      赞
      回复
请 登录 后发表内容
相关问题
相关文档
问题标签
swiper-item小程序开发组件swiper视图容器