pp电子

登录
免费开通

微信小程序使用setData修改数组中的单个工具

微信小程序使用setData修改数组中的单个工具

习惯使用Vue或者React这类框架的开发者们,,,,,,肯定不会对修改data内中数组的单个工具而懊恼,,,,,,由于这些框架已经帮我们很好的处理了这个问题,,,,,,并且在文档上也写的很是清晰。。。。。。

好比要求是有一个数组存放了购物车的商品信息,,,,,,而你在购物车内修改了单个商品的期望购置数目后,,,,,,我们就要动态的更新这个单个工具的购置数目值,,,,,,若是在小程序里我们会怎么做呢 ??????

若是你凭证Vue的写法来实现的话,,,,,,不出意外会失败。。。。。。而微信小程序也只给我们提供了一个setData要领,,,,,,这个要领是使用键值对的形式对数据举行修改,,,,,,例如:

 

  1. this.setData({
  2. name : 'leon'
  3. })

回到我们刚刚的例子里,,,,,,这时间,,,,,,若是你想修改单个商品的数目信息,,,,,,应该怎么写 ??????

首先展示一种过失的写法:

 

  1. Page({
  2. data: {
  3. array: [{text: 'init data'}],
  4. },
  5. changeItemInArray: function (index) {
  6. this.setData({
  7. 'array['+index+'].text':'changed data'
  8. })
  9. }
  10. })

若是这样动态的写index,,,,,,很显然,,,,,,这样是无法使用在工具的key中的,,,,,,我相信小程序的新手开发者可能实验过这样的写法。。。。。。

那么准确的写法事实是怎么样的呢 ??????

 

  1. changeItemInArray: function (index) {
  2.  
  3. // 提前准备好工具
  4. var item = this.data.list[index]
  5.  
  6. item.count = 100
  7.  
  8. // 依旧是凭证index获取数组中的工具
  9. var key = "list["+ index + "]"
  10.  
  11. this.setData({
  12. // 这里使用键值对方式赋值
  13. key: item
  14. }, function () {})
  15. }

最后,,,,,,希望以后的小程序版本更新中,,,,,,有更好的赋值要领。。。。。。希望这篇文章能资助到小程序的新手开发者。。。。。。

 

微信小程序使用setData修改数组中的单个工具


【本站声明】
  1、本站文章中所选用的图片及文字泉源于网络以及用户投稿,,,,,,由于未联系到知识产权人或未发明有关知识产权的挂号,,,,,,若有知识产权人并不肯意我们使用,,,,,,若是有侵权请连忙联系。。。。。。
  2、本网站差池文章中所涉及的内容真实性、准确性、可靠性认真,,,,,,仅系客观性形貌,,,,,,如您需要相识该类商品/服务详细的资讯,,,,,,请您直接与该类商品/服务的提供者联系。。。。。。


KESION pp电子软件

KESION pp电子软件是海内领先的在线教育软件及私域社交电商软件服务提供商,,,,,,恒久专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。。。。。。
公司焦点产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化自力安排品牌网校和在线教育咨询等。。。。。。

KESION 一直通过手艺立异,,,,,,提供产品和服务,,,,,,助力企业向数字化转型,,,,,,通过科技驱动商业刷新,,,,,,让商业变得更智慧!



▼点击进入pp电子官网相识更多



热门标签
微信小程序 SaaS
上/下篇
  • 小程序的拖拽、缩放和旋转手势功效的开发

  • 开通周围小程序门店建设所在要求

换一换相关推荐
精选内容
热门精选
pp电子·模拟器(试玩游戏)官方网站 pp电子·模拟器(试玩游戏)官方网站 pp电子·模拟器(试玩游戏)官方网站
【网站地图】
微信小程序使用setData修改数组中的单个工具 - KE