微信小程序> 小程序增加对象数组的长度

小程序增加对象数组的长度

浏览量:462 时间: 来源:mickjr

 

小程序的动态的增加对象数组的长度,可以将后台查询的对象数组的值赋值给另一个不同的对象数组中的值

例子:

view class="add-btn" bindtap='addItems'添加/viewview wx:for="{{itemLists}}" wx:key="index" class='list'  input type='text' value='{{item.id}}'/input  text{{item.time}}/text  text class='delete-btn' data-idx='{{index}}' bindtap='deleteIitems'删除/text/view
Page({   data: {    itemLists: [      { id: 1, time: '00:00:00' },      { id: 2, time: '00:00:00' },      { id: 3, time: '00:00:00' }    ]  },  addItems() {    let list = this.data.itemLists    list.push({ id: ~~(Math.random()*100), time: '00:00:00' })    this.setData({      itemLists: list    })  },  deleteIitems(e) {    let idx = e.currentTarget.dataset.idx    let list = this.data.itemLists    let filterRes = list.filter((ele,index) = {      return index != idx    })    this.setData({      itemLists: filterRes    })  } })
.add-btn{  background: chocolate;  width: 200rpx;  text-align: center;  color: white;  margin-bottom: 10px;}.list{  display: flex;  justify-content: space-around;  border: 1px solid;}.delete-btn{  background: red;}

 

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎