收藏
回答

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

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

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

最后一次编辑于  08-29  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

2 个回答

  • 卢霄霄
    卢霄霄
    08-29

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

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

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

    08-29
    赞同 1
    回复 11
    • bibolibo
      bibolibo
      08-29

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

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

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


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

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


      08-29
      回复
    • 心若鹜,水止静。
      心若鹜,水止静。
      08-29回复ink
      我不知道怎么解释,我只知道你这个已经数据数据动态更新了
      08-29
      回复
    • ink
      ink
      08-29回复心若鹜,水止静。
      和数据没有关系,只要不用背景图就不会出现bug。
      08-29
      回复
问题标签