vue 操作List

对list的删除操作

data: {
　　　　id: ' ',
　　　　name: ' ',
　　　　list: [
　　　　　　　　{ id : 1, name : '奔驰', ctime: new Date() },
　　　　　　　　{ id : 2, name : '宝马', ctime: new Date() }
　　　　　　]
}，
methods: {

　　//根据传入的ID来删除数据
　　delete(id) { 
　　　　// 1.根据ID来找到要删除的这一项的索引
　　　　// 2. 找到索引后，调用数组的splice方法
　　　　// 方法一
　　　　this.list.some((item, i) => {
　　　　　　if (item.id == id ){
　　　　　　　　this.list.splice(i,1)
　　　　　　　　// 在数组的some方法中，如果return true，就会立即终止这个数组的后续循环,所以相比较foreach，如果想要终止循环，那么建议使用some
　　　　　　　　return true；
　　　　　　}
　　　　})
　　　　// 方法二
　　　　var index = this.list.findIndex(item => {
　　　　　　　　　　if ( item.id == id) {
　　　　　　　　　　　　return true;
　　　　　　　　　　}
　　　　　　　　　})
　　　　this.list.splice(index,1)

　　　　// 方法三(不推荐，因为无法被终止)
　　　　this.list.forEach(item => {
　　　　　　if (item.id == id){
　　　　　　　　this.list.splice(i,1)
　　　　　　}
　　　　})
　　}

 添加

　　var car = { id : this.id, name: this.name}

　　this.list.push(car)

 

参考: https://blog.csdn.net/qq_41967899/article/details/90259875