收藏
回答

如何实现轮播来控制图片按钮的显示隐藏?

<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 个回答

  • o0o有脾气的酸奶
    o0o有脾气的酸奶
    2021-06-10
    swiperChange: function (e) { 
      this.setData({
        flag: e.detail.current == 0 ? true : false
      })
    
      console.log(this.data.flag)
    },
    
    2021-06-10
    有用 1
    回复 1
    • 粥
      2021-06-10
      感谢
      2021-06-10
      回复
登录 后发表内容