微信小程序 setData的使用方法详解


Posted in Javascript onApril 20, 2017

微信小程序 setData的使用方法详解

最近在使用微信小程序的setData时,遇到了以下问题。如下:

官网文档在使用setData()设置数组对象的某个元素的属性时,是这么使用的:

Page({
 data: {
  array: [{text: 'init data'}],
 },
 changeItemInArray: function() {
  this.setData({
   'array[0].text':'changed data'
  })
 }
})

使用了 ‘array[0].text' : ‘changed data' 这样的值。但在实际使用中,我们对数组的中的某个元素的设置是动态的。即 我们通常应该是 ‘array[‘+index+'].text' : ‘changed data' ,其中index应该是一个动态的数字。但显然,这样是无法使用在对象的key中的。

所以,我只能使用了一个变通的方法。如下:

var param = {};
var string = "array["+index+"].text;
param[string] = 'changed data';
that.setData(param);

即提前把对象准备好。

希望以后可以有更好的方法。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
Javascript 遍历对象中的子对象
Jul 03 Javascript
js 对联广告、漂浮广告封装类(IE,FF,Opera,Safari,Chrome
Nov 26 Javascript
jquery实现拖拽调整Div大小
Jan 30 Javascript
jQuery插件zoom实现图片全屏放大弹出层特效
Apr 15 Javascript
angularjs 实现带查找筛选功能的select下拉框实例
Jan 11 Javascript
AngularJS 霸道的过滤器小结
Apr 26 Javascript
用vue的双向绑定简单实现一个todo-list的示例代码
Aug 03 Javascript
vue使用vue-i18n实现国际化的实现代码
Apr 08 Javascript
通过一次报错详细谈谈Point事件
May 17 Javascript
vue.js 双层嵌套for遍历的方法详解, 类似php foreach()
Sep 07 Javascript
javascript简单实现深浅拷贝过程详解
Oct 08 Javascript
Vue如何实现组件间通信
May 15 Vue.js
ES6新特性二:Iterator(遍历器)和for-of循环详解
Apr 20 #Javascript
微信小程序中form 表单提交和取值实例详解
Apr 20 #Javascript
ES6新特性一: let和const命令详解
Apr 20 #Javascript
javascript 正则表达式分组、断言详解
Apr 20 #Javascript
jQuery插件FusionCharts绘制的3D双柱状图效果示例【附demo源码】
Apr 20 #jQuery
JS利用cookies设置每隔24小时弹出框
Apr 20 #Javascript
一篇看懂vuejs的状态管理神器 vuex状态管理模式
Apr 20 #Javascript
You might like
php数组函数序列之sort() 对数组的元素值进行升序排序
2011/11/02 PHP
PHP实现多进程并行操作的详解(可做守护进程)
2013/06/18 PHP
使用PHP实现下载CSS文件中的图片
2015/12/06 PHP
微信第三方登录(原生)demo【必看篇】
2017/05/26 PHP
一段效率很高的for循环语句使用方法
2007/08/13 Javascript
js 与或运算符 || && 妙用
2009/12/09 Javascript
JavaScript实现QueryString获取GET参数的方法
2013/07/02 Javascript
js导出table到excel同时兼容FF和IE示例
2013/09/03 Javascript
浅谈jQuery中的事件
2015/03/23 Javascript
AngularJS基础 ng-paste 指令简单示例
2016/08/02 Javascript
JavaScript toUpperCase()方法使用详解
2016/08/26 Javascript
js数字舍入误差以及解决方法(必看篇)
2017/02/28 Javascript
详解Webpack + ES6 最新环境搭建与配置
2018/06/04 Javascript
vue子路由跳转实现tab选项卡
2019/07/24 Javascript
vue实现短信验证码登录功能(流程详解)
2019/12/10 Javascript
js页面加载后执行的几种方式小结
2020/01/30 Javascript
python寻找list中最大值、最小值并返回其所在位置的方法
2018/06/27 Python
Python3爬虫之urllib携带cookie爬取网页的方法
2018/12/28 Python
logging level级别介绍
2020/02/21 Python
python GUI库图形界面开发之PyQt5滑块条控件QSlider详细使用方法与实例
2020/02/28 Python
python selenium 获取接口数据的实现
2020/12/07 Python
米兰网婚纱礼服法国网上商店:Milanoo法国
2016/08/20 全球购物
DERMAdoctor官网:美国著名皮肤护理品牌
2019/07/06 全球购物
莱德杯高尔夫欧洲官方商店:Ryder Cup Shop
2019/08/14 全球购物
js实现弹框效果
2021/03/24 Javascript
七一表彰活动方案
2014/01/18 职场文书
新三好学生主要事迹
2014/01/23 职场文书
房地产营销策划方案
2014/02/08 职场文书
《太阳》教学反思
2014/02/21 职场文书
环保建议书100字
2014/05/14 职场文书
幼师求职自荐信
2014/05/31 职场文书
2014年小学教师工作自我评价
2014/09/22 职场文书
银行开户授权委托书格式
2014/10/10 职场文书
物业前台接待岗位职责
2015/04/03 职场文书
一小时学会TensorFlow2之基本操作2实例代码
2021/09/04 Python
javascript之Object.assign()的痛点分析
2022/03/03 Javascript