微信小程序 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 DOM 学习第九章 选取范围的介绍
Feb 19 Javascript
jquery ztree实现下拉树形框使用到了json数据
May 14 Javascript
jquery实现人性化的有选择性禁用鼠标右键
Jun 30 Javascript
JavaScript实现数组在指定位置插入若干元素的方法
Apr 06 Javascript
JQuery中上下文选择器实现方法
May 18 Javascript
实例解析jQuery插件EasyUI最常用的表单验证规则
Nov 29 Javascript
jquery中绑定事件的异同
Feb 28 Javascript
BootStrap+Mybatis框架下实现表单提交数据重复验证
Mar 23 Javascript
jquery实现静态搜索功能(可输入搜索文字)
Mar 28 jQuery
React Native中Navigator的使用方法示例
Oct 13 Javascript
富文本编辑器vue2-editor实现全屏功能
May 26 Javascript
layer实现弹出层自动调节位置
Sep 05 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获取当前日期所在星期(月份)的开始日期与结束日期(实现代码)
2013/06/18 PHP
php面向对象与面向过程两种方法给图片添加文字水印
2015/08/26 PHP
JS中==与===操作符的比较
2009/03/21 Javascript
js实现翻页后保持checkbox选中状态的实现方法
2012/11/03 Javascript
jsp+javascript打造级连菜单的实例代码
2013/06/14 Javascript
Egret引擎开发指南之视觉编程
2014/09/03 Javascript
jquery获得同源iframe内body下标签的值的方法
2014/09/25 Javascript
flash+jQuery实现可关闭及重复播放的压顶广告
2015/04/15 Javascript
详解JavaScript基于面向对象之继承
2015/12/13 Javascript
JS Array.slice 截取数组的实现方法
2016/01/02 Javascript
json与jsonp知识小结(推荐)
2016/08/16 Javascript
CodeMirror js代码加亮使用总结
2017/03/25 Javascript
jquery replace方法去空格
2017/05/08 jQuery
Angular限制input框输入金额(是小数的话只保留两位小数点)
2017/07/13 Javascript
NodeJs生成sitemap站点地图的方法示例
2019/06/11 NodeJs
详解element-ui设置下拉选择切换必填和非必填
2019/06/17 Javascript
layui数据表格跨行自动合并的例子
2019/09/02 Javascript
Bootstrap FileInput实现图片上传功能
2021/01/28 Javascript
Python实现删除文件中含“指定内容”的行示例
2017/06/09 Python
Python爬虫实现爬取京东手机页面的图片(实例代码)
2017/11/30 Python
Python处理CSV与List的转换方法
2018/04/19 Python
python中break、continue 、exit() 、pass终止循环的区别详解
2019/07/08 Python
Python 一键获取百度网盘提取码的方法
2019/08/01 Python
解决Jupyter notebook中.py与.ipynb文件的import问题
2020/04/21 Python
Django表单提交后实现获取相同name的不同value值
2020/05/14 Python
通过Python pyecharts输出保存图片代码实例
2020/11/25 Python
CSS3中的display:grid,网格布局介绍
2019/10/30 HTML / CSS
俄罗斯和世界各地的酒店预订:Hotels.com俄罗斯
2016/08/19 全球购物
伦敦最受欢迎的蛋糕店:Konditor & Cook
2019/11/01 全球购物
美工的岗位职责
2013/11/14 职场文书
2014年社区教育工作总结
2014/12/02 职场文书
网上祭英烈活动总结
2015/02/04 职场文书
2014年度个人总结范文
2015/03/09 职场文书
千手观音观后感
2015/06/03 职场文书
2019年励志签名:致拼搏路上的自己
2019/10/11 职场文书
Redis高可用集群redis-cluster详解
2022/03/20 Redis