微信小程序 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 相关文章推荐
JS验证日期的格式YYYY-mm-dd 具体实现
Jun 29 Javascript
js获取通过ajax返回的map型的JSONArray的方法
Jan 09 Javascript
jQuery插件EnPlaceholder实现输入框提示文字
Jun 05 Javascript
jQuery Easyui快速入门教程
Aug 21 Javascript
Node.js检测端口(port)是否被占用的简单示例
Sep 29 Javascript
基于jquery实现弹幕效果
Sep 29 Javascript
浅谈JavaScript异步编程
Jan 20 Javascript
Javascript实现一个简单的输入关键字添加标签效果实例
Jun 01 Javascript
使用JS实现图片轮播的实例(前后首尾相接)
Sep 21 Javascript
JavaScript类的继承操作实例总结
Dec 20 Javascript
回顾Javascript React基础
Jun 15 Javascript
JavaScript 中的执行上下文和执行栈实例讲解
Feb 25 Javascript
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 strcmp使用说明
2010/04/22 PHP
Windows下的PHP安装pear教程
2014/10/24 PHP
PHP中Http协议post请求参数
2015/11/02 PHP
jquery不会自动回收xmlHttpRequest对象 导致了内存溢出
2012/06/18 Javascript
javascript实现yield的方法
2013/11/06 Javascript
Jquery遍历Json数据的方法
2015/04/20 Javascript
js上传图片及预览功能实例分析
2015/04/24 Javascript
js添加事件的通用方法推荐
2016/05/15 Javascript
js实时获取窗口大小变化的实例代码
2016/11/18 Javascript
深入理解javascript函数参数与闭包
2016/12/12 Javascript
浅谈原型对象的常用开发模式
2017/07/22 Javascript
浅谈React Native Flexbox布局(小结)
2018/01/08 Javascript
Vue之beforeEach非登录不能访问的实现(代码亲测)
2019/07/18 Javascript
es6中reduce的基本使用方法
2019/09/10 Javascript
微信小程序iOS下拉白屏晃动问题解决方案
2019/10/12 Javascript
原生js+css调节音量滑块
2020/01/15 Javascript
JS实现的定时器展示简单秒表、页面弹框及跳转操作完整示例
2020/01/26 Javascript
JavaScript实现矩形块大小任意缩放
2020/08/25 Javascript
[43:41]VP vs RNG 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.21.mp4
2020/07/19 DOTA
Python中encode()方法的使用简介
2015/05/18 Python
python数据爬下来保存的位置
2020/02/17 Python
使用Matplotlib绘制不同颜色的带箭头的线实例
2020/04/17 Python
Electrolux伊莱克斯巴西商店:家用电器、小家电和配件
2018/05/23 全球购物
英国家庭和商业健身器材购物网站:Fitness Options
2018/07/05 全球购物
怎样在程序里获得一个空指针
2015/01/24 面试题
上海天奕面试题笔试题
2015/04/19 面试题
中药专业大学生医药工作求职信
2013/10/25 职场文书
冰淇淋开店创业计划书
2014/02/01 职场文书
对公司合理化的建议书
2014/03/12 职场文书
个人自我鉴定总结
2014/03/25 职场文书
小学六年级学生评语
2014/04/22 职场文书
2014民事授权委托书范本
2014/09/29 职场文书
小学教师工作总结2015
2015/04/07 职场文书
2015年教师见习期工作总结
2015/05/20 职场文书
毕业论文答辩稿范文
2015/06/23 职场文书
2016党员读书思廉心得体会
2016/01/23 职场文书