加载中 ...
首页 > 新闻资讯 > 小程序 正文

微信小程序使用setData

2019-07-31 09:27:59 来源:沈阳小程序开发 作者:沈阳软件开发

修改数组中的单个对象 21708-1P60Q4524R93.jpg

习惯于使用诸如Vue或React之类的框架的开发人员肯定不会为修改数据数组中的单个对象而烦恼,因为这些框架帮助我们很好地处理了这个问题,并且它也很好地写在文档上。明确。

例如,如果存在存储购物车产品信息的阵列,并且您修改了购物车中单个商品的预期购买数量,则需要动态更新此单个对象的购买数量值。如果它在小程序,我们将如何做到这一点?

如果按照Vue的写作方式,不会发生意外。而微信小程序只给我们一个setData方法,这个方法是以键值对的形式修改数据,例如:

this.setData({name:'leon'})

回到我们的例子,此时,如果你想修改单个项目的数量信息,你应该怎么写呢?

首先,表明一种错误的写作方式:

Page({data: {array: [{text:'init data'}],},changeItemInArray: function(index){this.setData({'array ['+ index +']。text':'已更改数据'} )}})

如果你动态编写索引,很明显这不能在对象的密钥中使用,我相信小程序新手开发人员可能已经尝试过这种方式。

那么正确的写作方式是什么?

changeItemInArray: function(index){//事先准备对象var item=this.data.list [index] item.count=100 //它仍然基于索引来获取数组中的对象var key=' list ['+ index +']'this.setData({//这是键值对分配键: item},function(){})}

最后,我希望将来小程序版本更新中会有更好的赋值方法。我希望这篇文章可以帮助小程序的新手开发者。

< 汇海(www.hvihi.com)是国内知名的商城系统和商城网站建设提供商,其中汇海技术小程序系统提供小程序商城开发,小程序配送系统,微分配系统,商城系统,电子商务网站建设, 微信发行系统,小程序商城及其他多端商场和电子商务行业解决方案>

确认:这个文件和图像源网络编辑器的网站部分,如果有侵权及时通信删除。 汇海hvihi.com网站原创文章,请注明出处。

“沈阳软件公司”的新闻页面文章、图片、音频、视频等稿件均为自媒体人、第三方机构发布或转载。如稿件涉及版权等问题,请与

我们联系删除或处理,客服QQ:55506560,稿件内容仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同

其观点或证实其内容的真实性。