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

╰+攻爆jí腚メ 2023-06-10 07:25 143阅读 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 条评论，143人围观）

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

相关阅读

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

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

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

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

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

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

相关 DML_添加数据；DML_修改，删除数据；DDL_修改，删除数据库表

注意事项 int 宽度是显示宽度，如果超过，可以自动增大宽度 int底层都是4个字节时间的方式多样 '1256-12-23' "1256/12/23" "1256.12.

约定不等于承诺〃/ 2023年09月30日 19:44/ 0 赞/ 37 阅读

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

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

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

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

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

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

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

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

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

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

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

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

相关 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 赞/ 1560 阅读

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

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

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

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

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

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