vue 实现删除对象的元素 delete

目录

• 删除对象的元素delete
• vue根据id删除某一行

删除对象的元素 delete

data中定义一个form

  data: {
    seen: true,    
    from:{
        id:'',
        name:'',
        age:'',
    }
  }

现在不需要age元素

删除 delete this.from.age;

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

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

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。