vue 总结（修改，添加，删除list中的数据）

╰+攻爆jí腚メ 2023-06-10 07:25 56阅读 0赞

var vm=new Vue({
        	      el:'#app',
        	      data:{
        	      	id:'1',
        	      	name:'',
        	      	soso:'',
        	      	list:[{"id":1,"name":"大黄蜂","time":new Date()},
        	          {"id":2,"name":"奔驰","time":new Date()}
        	      ]},
        	      methods:{
        	      	add:function(){
        	      		this.list.push({"id":this.id,"name":this.name,"time":new Date()})
        	      	},
        	      	delte:function(id){  
        	      		    if(!confirm("确定要删除吗?")){
                        	return ;
                   }
        	      		  // 默认去遍历list集合，将集合中的每个元素传入到function的item里，
        	      		var index=this.list.findIndex(function(item){
        	      			return item.id==id;
        	      		})
        	      		  this.list.splice(index,1);  
        	      	},
        	      	//根据关键字实现数组的过滤
        	      	search:function(soso){
        	      		var newList=[];
        	      		this.list.forEach(item=>{
        	      			if(item.name.indexOf(soso)!=-1){
        	      				newList.push(item)
        	      			}
        	      		})
        	      		console.log(newList)
        	      		return newList;
        	      	}
        	    
        	      }
              })
    
    
    //根据索引查找记录
               var trIndex=1;
    			vm.list.findIndex(function (item,index){
    				if(index==trIndex){
    					alert(item.name);
    				}
    			})
    //根据list某个属性查找记录
               vm.userList.findIndex(function(item){
                  if (item.id==Id){
                   vm.tel=item.phone;
                   vm.name=item.name;
                   vm.Id=Id;
                  }
                })
    //添加记录
      vm.List.push({"name":vm.name,"tel":vm.tel,"positioName":vm.positioName,"id":id});
    //删除记录
      var index = vm.List.findIndex(function(item) {
                          if (item.id == id){
                          return true;
                        }
                      })
                        vm.List.splice(index, 1)
    //修改list某条记录
             //要修改的记录 索引
    			var index=1;
     		   var data={"id":3,"name":"新奔驰","time":new Date()}
     		   //1代表修改的记录条数
     		   vm.list.splice(index,1,data)

发表评论取消回复

表情：

评论列表（有 0 条评论，56人围观）

还没有评论，来说两句吧...

相关阅读

相关 ③【操作表数据】MySQL添加数据、修改数据、删除数据

`DML - 添加数据`：- **①给指定字段添加数据**- - ```sql INSERT INTO 表名(字段名1，字段名2...) VALUES(值1，值2....

超、凢脫俗/ 2024年04月17日 10:17/ 0 赞/ 129 阅读

相关 Scala集合：List修改及删除数据

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

青旅半醒/ 2023年10月07日 12:48/ 0 赞/ 49 阅读

相关 C# 添加、修改、删除Excel图表数据标签

图表中，图表数据标签以数据化形式表现图表中的特定数据，可增强图表的可读性。我们可以对图表添加数据标签，也可以对已有的数据标签进行修改或者删除，下面将通过C\代码来实现。使用

不念不忘少年蓝@/ 2023年06月11日 05:22/ 0 赞/ 6 阅读

相关 vue 总结（修改，添加，删除list中的数据）

var vm=new Vue({ el:'app', data:{ id:'

╰+攻爆jí腚メ/ 2023年06月10日 07:25/ 0 赞/ 57 阅读

相关列表list相关深入：添加删除修改。元组

添加 list中添加元素 1通过+ 方式 name=\[“json”\] age=\[12\] print(name+age) 通过append()向列表末

太过爱你忘了你带给我的痛/ 2023年06月06日 08:20/ 0 赞/ 20 阅读

相关 Oracle日期数据修改(添加,删除和修改)

确实个人而言是比较讨厌日期这种操作的,但是躲不掉啊,还是要写的. 先来建个表吧: create table user( uid numbe

我就是我/ 2023年05月22日 06:48/ 0 赞/ 71 阅读

相关 JS中list添加对象值被修改

问题分析因为数组是引用传递而不是值传递，指向的是同一个内存地址 ,所以赋值给数组里的对象其实一直都是同一个地址里存的同一个数组，所以最后一次输入的值会将每个引用的值都

叁歲伎倆/ 2022年11月17日 13:41/ 0 赞/ 266 阅读

相关 List删除指定数据的几种方法总结

1、for循环遍历list List ss = new ArrayList(); ss.add(1);ss.add(2);ss.add(2);ss.add(4

梦里梦外;/ 2022年11月05日 05:29/ 0 赞/ 1489 阅读

相关【MySQL-手记】数据表的修改(添加/删除数据表，添加/删除约束)

![20170430143347802][] 【添加/删除数据表】 -------------------------------------------------

落日映苍穹つ/ 2022年06月16日 00:15/ 0 赞/ 354 阅读

相关 DbUtils类的添加，修改，删除

package cn.jy.demo; import java.sql.Connection; import java.sql.SQLException; import

素颜马尾好姑娘i/ 2022年01月09日 11:11/ 0 赞/ 298 阅读