vue 实现删除对象的元素 delete

网友投稿 1119 2022-10-25

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小时内删除侵权内容。

上一篇:QUnit是Node.js的一个单元测试框架
下一篇:Asity- JVM 上各种 Web 框架的抽象层
相关文章

 发表评论

暂时没有评论,来抢沙发吧~