删除数组中的某个对象元素,根据对象中的某个属性删除该对象元素
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
}
}
}
})