收藏
回答

swiper动态删除导致空白

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug swiper 工具 6.6.6 2.1.0

wxml:

<view class="page-section page-section-spacing swiper">

<swiper

indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" circular="{{circular}}" vertical="{{vertical}}"

interval="{{interval}}" duration="{{duration}}" previous-margin="{{previousMargin}}px" next-margin="{{nextMargin}}px">

<block wx:for="{{background}}" wx:key="*this">

<swiper-item>

<view bindtap='delete' class="swiper-item {{item}}"></view>

</swiper-item>

</block>

</swiper>

</view>


js:

Page({

data: {

background: ['demo-text-1', 'demo-text-2', 'demo-text-3'],

indicatorDots: true,

vertical: false,

autoplay: false,

circular: false,

interval: 2000,

duration: 500,

previousMargin: 0,

nextMargin: 0

},

changeProperty: function (e) {

var propertyName = e.currentTarget.dataset.propertyName

var newData = {}

newData[propertyName] = e.detail.value

this.setData(newData)

},

changeIndicatorDots: function (e) {

this.setData({

indicatorDots: !this.data.indicatorDots

})

},

changeAutoplay: function (e) {

this.setData({

autoplay: !this.data.autoplay

})

},

intervalChange: function (e) {

this.setData({

interval: e.detail.value

})

},

durationChange: function (e) {

this.setData({

duration: e.detail.value

})

},

delete: function(e) {

this.data.background.splice(2, 1)

this.setData({

background: this.data.background

})

}

})


初始化页面:



滑动到C点击页面删除后,swiper呈现空白:



代码用的就是官方的demo,增加了tap删除功能。

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

3 个回答

  • 谨记。
    谨记。
    2018-06-18

    我建议删除之后刷新数据

    2018-06-18
    赞同
    回复
  • 山竹
    山竹
    2018-06-19

    是的

    2018-06-19
    赞同
    回复
  • 黑蛮
    黑蛮
    2018-06-20

    统一回复下这个问题,是因为current超出范围导致空白页,再次感谢大家的帮助

    2018-06-20
    赞同
    回复 2
    • 忘れてた
      忘れてた
      2018-07-19

      我也遇到了,请问怎么改的,我把current值减了1,还是不行

      2018-07-19
      回复
    • walker
      walker
      04-09

      你好,你解决了吗

      04-09
      回复