vue 实现删除对象的元素 delete

vue 实现删除对象的元素 delete

目录删除对象的元素deletevue根据id删除某一行

删除对象的元素 delete

data中定义一个form

data: {

seen: true,

from:{

id:'',

name:'',

age:'',

}

}

现在不需要age元素

删除 delete this.from.age;

场景form表单提交的时候新增的数据和编辑页面公用一个页面 ，在添加的时候不需要id而就可以delete删除id

</head>

vue根据id删除某一行

methods:{

del(id){

//ES6

//根据id查找元素 findIndex

//let index = arr.findIndex(function(ele,index,arr){return ele.id==id})

//函数内如果返回true，就结束遍历并返回当前index;

//index如果没有找到返回-1

let index = this.tasks.findIndex(funciton(ele){

return ele.id == id;

})

//假设没有找到

if(index === -1){

return console.log('删除失败');

}

//删除元素

this.tasks.splice(index,1);

}

}

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。