微信小程序为什么数组不能push

微信小程序为什么数组不能push,第1张

可以的

index.wxml

<view wx:for='{{list}}' wx:key="index">

<view>姿亩{{item.a}}</view>

</view>

<button bindtap='add'>添加<宽则/迹巧森button>

index.js里面

list: [

{ a: 1 },

{ a: 1 },

{ a: 1 },

{ a: 1 }

],

},

add(e) {

var obj = { a: 99 }

this.data.list.push(obj)

this.setData({

list: this.data.list

})

},

1,数据的添加

在获取野碰仔到表单的数据后,自己组装一个对象,然后通过push()的方法添加一条数据,注意push的数据的index是+1的,也就是说原本数组中index依次为0,1,2,新增加的吵桐就是3,依次类推。

如果想在前面插入数据,就要用到数组合并的 *** 作了,concat()方法可以选择合并到前面或者后面例如newarray.concat(notes)。

2,数据的删除

小程序里面貌似没有remove的方法,所以删除我选择的是split方法,这也是遇到颂汪的一个坑。notes.splice(id,i)就可以从index为id的位置开始,删除i个元素,这点大家都懂,看代码就明白,不再赘述

3,数据的修改

notes = obj可以把数组中index为i的元素设置为obj。

最后,如果要在修改数据的同时渲染到页面,一定要记得使用setData方法。

this.setData({ notes:notes

})


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/12561740.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-26
下一篇 2023-05-26

发表评论

登录后才能评论

评论列表(0条)

保存