vue|vue 如何删除数组中的某一条数据

目录

  • 删除数组中的某一条数据
    • 删除普通数组
    • 删除数组对象
  • 使用splice()删除数组中的一个数据

    删除数组中的某一条数据
    删除普通数组
    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()删除数组中的一个数据 【vue|vue 如何删除数组中的某一条数据】1.循环输出数组时 v-for="(item,index) in list" //需要获取当前下标,item
    2.点击删除按钮传一个参数 , 在这个弹窗口方法中获取到 这个参数。 在data中设置一个空置,把参数赋给这个值。
    3.弹窗中点击删除按钮 这个数组.splice(获取到的下标值,1);
    以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

      推荐阅读