dataList: [
{
id: '1',
value: 'aaaa',
},
{
id: '2',
value: 'bbb',
},
{
id: '3',
value: 'ccc',
},
{
id: '4',
value: 'ddd',
},
{
id: '5',
value: 'eee',
}
]
methods: {
demo() {
//! 删除单行数据
const _xId = '3'
this.dataList = this.dataList.filter((item) => {
return item.id !== _xId
})
}
}
二、数组多行删除(同一数据源)
dataList: [
{
id: '1',
value: 'aaaa',
},
{
id: '2',
value: 'bbb',
},
{
id: '3',
value: 'ccc',
},
{
id: '4',
value: 'ddd',
},
{
id: '5',
value: 'eee',
}
]
//! 删除多行数据
const selectData = [
{
id: '1',
value: 'aaaa',
},
{
id: '4',
value: 'ddd',
},
]
let newData = this.dataList.filter(
(a) => !selectData.some((b) => a.id === b.id)
)
标签：vue,删除,dataList,value,aaaa,数组,id,ddd From： https://www.cnblogs.com/yn-cn/p/17732720.html