vue中如何删除一条数据

发布时间:2022-12-27 09:38:51 作者:iii
来源:亿速云 阅读:181

这篇文章主要介绍“vue中如何删除一条数据”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“vue中如何删除一条数据”文章能帮助大家解决问题。

vue中删除一条数据的方法:1、通过“arr.splice(index, 1)”方法删除普通数组中的某一条数据;2、通过“arr.findIndex(item => {...}arr.splice(id1, 1)”方法删除数组对象中的一条数据即可。

vue 删除数组中的某一条数据

删除数组中的某一条数据

删除普通数组

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)。

关于“vue中如何删除一条数据”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注亿速云行业资讯频道,小编每天都会为大家更新不同的知识点。

推荐阅读:
  1. vue和js区别有哪些
  2. Vue组件传值过程中丢失数据怎么办

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

vue

上一篇:vue自定义组件的注册方式有哪些

下一篇:react如何实现数组求和

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》