vue删除数组中的数据

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

vue删除数组中的数据

web13618542420   2022-09-29 我要评论

删除数组中的某一条数据

删除普通数组

let arr = [1,2,3,4,5];

//方法一
let index = arr.indexOf('3');
arr.splice(index, 1)
//打印结果 [1,2,4,5]
//方法二
let index = arr .findIndex(item => {
            if (item == '3') {
              return true
            }
          })
arr.splice(index, 1)
//打印结果 [1,2,4,5]

删除数组对象

let arr = [
    {
       id:1,
       name:'张三'
    },
    {
       id:2,
       name:'李四'
    },
    {
       id:3,
       name:'王二'
    },
    {
       id:4,
       name:'麻子'
    },
];
let id1 = arr.findIndex(item => {
      if (item.id == '3') {
          return true
      }
 })
 arr.splice(id1, 1)

使用splice()删除数组中的一个数据

1.循环输出数组时 v-for="(item,index) in list" //需要获取当前下标,item

2.点击删除按钮传一个参数 , 在这个弹窗口方法中获取到 这个参数。 在data中设置一个空置,把参数赋给这个值。

3.弹窗中点击删除按钮 这个数组.splice(获取到的下标值,1);

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

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们