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);
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
推荐阅读
- Vue|Vue el-table 默认展开某一行的实例
- Vue中tab栏切换的简单实现
- 编写Vue项目|编写Vue项目,如何给数组的第一位添加对象数据
- 读艾德勒《如何阅读一本书》【9】第九章判断作者的主旨
- 中小微企业如何快速开发信息化系统
- 投稿|API与Ui集成新趋势下的RPA:海外厂商领先一步,国产厂商发展如何?
- 投稿|叮当健康通过IPO聆讯,如何杀出数字药房下半场?
- 投稿|成妙绮:资本寒冬下,如何找到千亿级别的投资机会?
- Vue项目中props传值时子组件检测不到的问题及解决
- Vue.extend实现组件库message组件示例详解