app开发者平台在数字化时代的重要性与发展趋势解析
1119
2022-10-25
vue 实现删除对象的元素 delete
目录删除对象的元素deletevue根据id删除某一行
删除对象的元素 delete
data中定义一个form
data: {
seen: true,
from:{
id:'',
name:'',
age:'',
}
}
现在不需要age元素
删除 delete this.from.age;
场景form表单提交的时候新增的数据和编辑页面公用一个页面 ,在添加的时候不需要id而就可以delete删除id
</head>
new Vue({
el: '#app',
data: {
seen: true,
from:{
id:'',
name:'',
age:'',
}
},
mounted() {
//this.initData();
this.from.id=1;
this.from.name='xc';
this.from.age=18;
this.from.content='xcvzxcvzxcv'; //直接添加元素
delete this.from.age;//删除age元素
console.log(this.from)
},
})
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小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~