vue 数组删除(对象)单/多条删除

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33

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     })   } }

　　

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37

二、数组多行删除(同一数据源) 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)       )