评论

删除数组中的某个对象元素,根据对象中的某个属性删除该对象元素

在小程序开发过程中,删除数组中的某个对象元素,根据对象中的某个属性删除该对象元素

wxml页面代码:

<block wx:for="{{list}}" wx:key="index">
  <view class="content">
    <text>{{item.id}}</text>
    <text>{{item.name}}</text>
    <button size="mini" bindtap="delete" data-id="{{item.id}}">删除</button>
  </view>
</block>

js模块代码:

Page({
  data:{
    list:[
      { id: '1001', name: 'tom1' },
      { id: '1002', name: 'tom2' },
      { id: '1003', name: 'tom3' }]
  },
  //删除数组中的某个对象元素,根据对象中的某个属性删除该对象元素
  delete(e){    
    let eid = e.currentTarget.dataset.id
    let myList = this.data.list

    for (var i = 0; i < this.data.list.length; i++) {
      if (this.data.list[i].id == eid){
        myList.splice(i,1)
        this.setData({
          list: myList
        })
        break
       }      
      }    
    }
  })
最后一次编辑于  2020-04-26  
点赞 1
收藏
评论

2 个评论

登录 后发表内容