小程序手风琴

1.记得在js代码部分,修改完数据之后,需要在this.satdata({})方法里面同步更新数据才可以

wxml部分

<view>

<view bindtap="fn" data-index="0">one</view>

<view hidden="{{arr[0]}}">1</view>

</view>

<view>

<view bindtap="fn" data-index="1">twe</view>

<view hidden="{{arr[1]}}">2</view>

</view>

<view>

<view bindtap="fn" data-index="2">three{{index}}</view>

<view hidden="{{arr[2]}}">3</view>

</view>

js部分

data: {

    index:0,

    arr:[false,true,true]

  },

  fn:function(e){ 

    var index = e.currentTarget.dataset.index;

    if (this.data.arr[index]) {

      for(let i=0;i<3;i++){

        console.log(i)

        this.data.arr[i] = true;

      }

      this.data.arr[index] = false;

    } else {

      this.data.arr[index] = true;

    }

    this.setData({

      arr: this.data.arr 

    })

  },

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容