微信小程序: 数组删除操作splice()的坑

Page({data: {godness: [{name: "杨超越"}, {name: "张天爱"}, {name: "徐璐"}, {name: "孙珍妮"}]},onLoad: function (options) {},deleteBtn: function(event) {let index = event.currentTarget.dataset.indexthis.setData({godness: this.data.godness.splice(index, 1)})}
})

<view style="display: flex; flex: row" wx:for="{{godness}}" wx:key="this"><view style="display: flex; align-items: center; justify-content: center; margin: 0 200rpx 50rpx 200rpx; border-bottom: 1px solid gray">{{item.name}}</view><button data-index="{{index}}" size="mini" bindtap="deleteBtn">删除</button>
</view>

我用wx:for循环显示了数组中的各个元素, 现在想要删去第三个, 于是在网上寻找删除指定下标元素的方法, 找到了array.splice()方法, 但我有遇到了点击删除后, 显示是删除的元素, 于是就想到是否是splice的用法出现错误, 果然, 下面是splice的用法:
array.splice(index, 1): 是从index开始删除1个元素 , 并返回所删除的元素
下面是正确的删除代码:

deleteBtn: function(event) {let index = event.currentTarget.dataset.indexthis.data.godness.splice(index, 1)this.setData({godness: this.data.godness})}

微信小程序: 数组删除操作splice()的坑相关推荐

微信小程序数组删除元素splice不起作用
先来没事,研究小程序:在做到数组删除元素的时候卡住了.. 以下是某网友提供的数据: // 删除团队成员 onTapDelMember: function (e) { // 获 ...
微信小程序js数组初始化_微信小程序数组（增，删，改，查）等操作实例详解...
微信小程序数组(增,删,改,查)等操作最近在做一个小程序的demo.由于不向后台请求数据,所以就涉及到对本地数据的操作,也遇到了一些坑,本文就以数组的增删改查为例,给新手分享一些经验. 首先这是原 ...
微信小程序php返回数组,微信小程序数组（增，删，改，查）等操作实例详解...
微信小程序数组(增,删,改,查)等操作最近在做一个小程序的demo.由于不向后台请求数据,所以就涉及到对本地数据的操作,也遇到了一些坑,本文就以数组的增删改查为例,给新手分享一些经验. 首先这是原 ...
微信小程序数组（增，删，改，查）
微信小程序数组(增,删,改,查) 最近在做一个小程序的demo里.由于不向后台请求数据,所以就涉及到本地数据的操作,本文以数据的增删改查为例 globalData:{userInfo:null,no ...
微信小程序——数组对象的增删改查
微信小程序--数组对象的增.删.改.查 1.模拟数据的初始化定义 data: {type_name: '项目分类',name_name: '项目名称',type_sId: "",n ...
微信小程序云函数操作云数据库Mysql
微信小程序云函数操作云数据库Mysql 参考一参考二云函数是一段运行在云端的代码,无需管理服务器,在开发工具内编写.一键上传部署即可运行后端代码. 小程序内提供了专门用于云函数调用的 API.开发 ...
微信小程序操作mysql_微信小程序：数据库操作
原标题:微信小程序:数据库操作一.前提条件: 登录开发者工具软件,配置数据库数据集,操作如下: 打开云开发控制台添加集合User 二.定义函数: //增加新纪录到云数据库 onAdd: funct ...
使用微信小程序云空间操作云数据库
使用微信小程序云空间操作云数据库在微信开发工具中有个云空间,想必大家在开发的过程中应该都已经看见了. 一番下一步下一步操作后我们就能够使用这个云空间了,这个时候就可以根据基础的控制面板进行功能上的选 ...
小程序怎么清服务器缓存,怎么清理微信小程序缓存微信小程序缓存删除的方法...
微信小程序上线之后,关注的小程序越多,哪么将占用的手机空间就越大,这些程序会产生一定的缓存,那么怎么清理小程序缓存呢?微信小程序内的缓存到底如何清除?和小编一起来看看删除微信小程序缓存的方法吧. 一些 ...

微信小程序: 数组删除操作splice()的坑

微信小程序: 数组删除操作splice()的坑相关推荐

最新文章

热门文章