微信里用splice 删除数组元素后,总是删掉最后一条的问题

JY创建美好 JY创建美好 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区

做了个小测试页面: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(王

weixin_38609765

微信小程序的数组添加、wx:for循环、删除、显示与隐藏,可以记录每一件事情

小程序的一个小白

俺不想搬砖

微信小程序删除数组元素[源码]

本文介绍了在微信小程序中删除数组中指定元素的两种方法。第一种是使用arr.splice(index, howmany)方法,其中index表示从哪个位置开始删除元素,howmany表示要删除的元素数量,若为0则不删除。第二种是使用arr.findIndex()方法,该方法会在数组元素满足条件时返回其索引位置,否则返回-1。文章还提供了一个示例,展示了如何在小程序的.wxml文件中绑定数据,并在.js文件中实现删除功能。通过结合splice和findIndex方法,可以有效地删除数组中的指定元素,并更新页面数据。

ByteMe522

微信小程序 数组(增,删,改,查)等操作实例详解

主要介绍了微信小程序 数组(增,删,改,查)等操作实例详解的相关资料,这里对小程序的数组进行操作,简单实例,需要的朋友可以参考下

weixin_38610070

javascript中数组删除指定的元素的代码示例

javascript中数组删除指定的元素的代码示例

畅享美好
评论
收藏 已收藏
分享
返回顶部
JY创建美好
微信开发 3,161 成员 3,828 内容