微信里用splice 删除数组元素后,总是删掉最后一条的问题
做了个小测试页面:wx:for 加载组件,每个组件内部有自己的删除按钮,点击可以删除自身

点击每行后面的红叉删除本行时,用的是
del(i) {
this.data.items.splice(i.target.dataset.index, 1);
this.setData({ items: this.data.items })
}
结果wxml页面总是删掉最后一行,后来根据网友发的vue的说明,wxml页面的循环时,wx:key 一定要用“id”这个值,否则就是出以上错误。

vue里key值一定要用 :key="item.id" (vue我还不会)

供后来者参考。
相关推荐
浅谈js数组splice删除某个元素爬坑
先来看下几个概念: // splice:返回从原始数组中删除的项(如果没有任何删除,则返回空数组) // 当指定2个参数时,表示删除 // 当指定3个参数,且第2个参数为0时表示插入 // 当指定3个参数,且第2个参数为1时表示替换 本次就拿删除举例,本身我们想删除数组中的某个指定元素,我们需要知道它所在数组中的下标,我们可以用 数组.indexOf获取它所在的下标,然后拿splice删除这个元素。 本身是没问题 代码如下: var arr = [张三,李四,王五,赵六]; // 删除王五 arr.splice(arr.indexOf(王
微信小程序的数组添加、wx:for循环、删除、显示与隐藏,可以记录每一件事情
小程序的一个小白
微信小程序删除数组元素[源码]
本文介绍了在微信小程序中删除数组中指定元素的两种方法。第一种是使用arr.splice(index, howmany)方法,其中index表示从哪个位置开始删除元素,howmany表示要删除的元素数量,若为0则不删除。第二种是使用arr.findIndex()方法,该方法会在数组元素满足条件时返回其索引位置,否则返回-1。文章还提供了一个示例,展示了如何在小程序的.wxml文件中绑定数据,并在.js文件中实现删除功能。通过结合splice和findIndex方法,可以有效地删除数组中的指定元素,并更新页面数据。
微信小程序 数组(增,删,改,查)等操作实例详解
主要介绍了微信小程序 数组(增,删,改,查)等操作实例详解的相关资料,这里对小程序的数组进行操作,简单实例,需要的朋友可以参考下
javascript中数组删除指定的元素的代码示例
javascript中数组删除指定的元素的代码示例


