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

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

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

相关阅读

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

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

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

相关 Java中List删除元素方法总结

文章目录 Java中List删除元素删除方式总览 for循环顺序遍历删

àì夳堔傛蜴生んèń/ 2024年03月25日 15:17/ 0 赞/ 72 阅读

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

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

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

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

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

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

相关 Vue中splice的使用：删除替换添加

解释 splice(index,len,\[item\])它也可以用来替换/删除/添加数组内某一个或者几个值（该方法会改变原始数组） index:数组开始下标 le

落日映苍穹つ/ 2022年11月22日 12:42/ 0 赞/ 206 阅读

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

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

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

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

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

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

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

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

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

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

相关 vue中简单的添加删除功能实现

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"

系统管理员/ 2021年07月24日 14:28/ 0 赞/ 585 阅读