如何实现轮播来控制图片按钮的显示隐藏?
发布于 5 年前 作者 litao 1245 次浏览 来自 官方Issues

<view class="box"><swiper indicator-active-color="#ff832aindicator-dots="{{indicatorDots}}autoplay="{{autoplay}}interval="{{interval}}duration="{{duration}}current="0bindchange="swiperChangestyle="width: 100%; height: 120rpx; display: block; box-sizing: border-box; left: NaNrpx; top: NaNrpx">

      <block wx:for="{{imgUrls}}wx:key="lunbo">

        <swiper-item >

          <image style="width:100%; height: 120px; display: inline-block; box-sizing: border-box; left: NaNrpx; top: NaNrpx"  src="{{item}}" />

        </swiper-item>

      </block>

    </swiper></view>

<image wx:if="{{flag}}class="xindex1bindtap='enterShowsrc="/resource/Rcicon.png"></image>

js:

  swiperChange: function (e) { 

    e.detail.current == 0 ? this.flag = true : this.flag = false

    console.log(this.flag)

  },

改变轮播图片,能输出flag的值。但是w-if判断就是不能隐藏图片

1 回复
swiperChange: function (e) { 
  this.setData({
    flag: e.detail.current == 0 ? true : false
  })

  console.log(this.data.flag)
},
回到顶部