vue 如何删除数组中的某一条数据
更新时间：2022年08月23日 10:00:54 作者：web13618542420
这篇文章主要介绍了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 AST源码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
这篇文章主要介绍了使用vue构建多页面应用的示例，帮助大家更好的理解和使用vue，感兴趣的朋友可以了解下2020-10-10
这篇文章主要介绍了Vue中如何使用base64编码和解码问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-02-02
本文主要介绍了使用vite构建vue3项目的方法步骤，vite支持性肯定比传统的打包工具好，下面我们就来介绍一下使用vite构建vue3项目，感兴趣的可以参考一下2023-05-05
这篇文章主要介绍了在Vue中用canvas实现二维码和图片合成海报的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-06-06
在现代 Web 开发中,前后端分离的架构模式越来越流行,前端通常使用 Vue、React 等框架开发,而后端则使用 Flask、Django 等框架提供 API 服务,本文将详细介绍如何在一个 Flask 项目中集成 Vue 前端项目,并确保能够正确访问和运行,需要的朋友可以参考下2025-03-03
对于Vue为何采用异步渲染，简单来说就是为了提升性能，因为不采用异步更新，在每次更新数据都会对当前组件进行重新渲染，为了性能考虑，Vue会在本轮数据更新后，再去异步更新视图，本文主要通过几个实例给大家介绍一下Vue为何采用异步渲染,需要的朋友可以参考下2023-06-06
本篇文章给大家详细分析了vue组件开发脚手架的相关内容以及知识点，对此有兴趣的朋友可以学习参考下。2018-06-06
本篇文章主要介绍了如何实现一个简单的 vuex，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-02-02
这篇文章主要介绍了详解mpvue开发小程序小总结，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-07-07
最新评论