vue实现给数组删除某个对象,vue删除数组元素

  vue实现给数组删除某个对象,vue删除数组元素

  

目录

删除对象的元素deletevue根据编号删除某一行

 

  

删除对象的元素 delete

数据中定义一个形式

 

  data: { seen: true,from:{ id: ,name: ,age: ,} }现在不需要年龄元素

  删除删除这个。从。年龄;

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

  !DOCTYPE htmlhtmlheadmeta charset= utf-8 title vue测试实例/title script src= https://cdn。静态文件。org/Vue/2。2 .2/Vue。量滴js /script/head body div id= app script new Vue({ El : # app ,data: { seen: true,from: { id: ,name: ,age: ,}),mounted(){//this。initdata();这个。从。id=1;这个。从。name= xc这个。从。年龄=18;这个。从。content= xcvzxcvzxcv//直接添加元素删除这个。从。年龄;//删除年龄元素console.log(this.from) },})/script/body/html

  

vue根据id删除某一行

方法: { del(id){//ES6//根据编号查找元素查找索引//让index=arr。查找索引(function(ele,index,arr){return ele.id==id}) //函数内如果返回没错,就结束遍历并返回当前指数;//索引如果没有找到返回-1让index=this。任务。查找索引(函数(ele){返回ele。id==id}) //假设没有找到if(index===-1){返回控制台。日志(删除失败);} //删除元素this.tasks.splice(索引,1);} }以上为个人经验,希望能给大家一个参考,也希望大家多多支持盛行它.

 

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: