微信小程序 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 面向对象,实现namespace,class,继承,重载
Oct 29 Javascript
javascript学习笔记(十四) window对象使用介绍
Jun 20 Javascript
JavaScript常用判断写法大全(推荐)
May 30 Javascript
Radio 单选JS动态添加的选项onchange事件无效的解决方法
Dec 12 Javascript
深入理解javascript函数参数与闭包
Dec 12 Javascript
angularjs select 赋值 ng-options配置方法
Feb 28 Javascript
vue+axios+promise实际开发用法详解
Oct 15 Javascript
ES6 系列之 Generator 的自动执行的方法示例
Oct 19 Javascript
在Create React App中使用CSS Modules的方法示例
Jan 15 Javascript
jquery 验证用户名是否重复代码实例
May 14 jQuery
Echarts地图添加引导线效果(labelLine)
Sep 30 Javascript
jQuery实现颜色打字机的完整代码
Mar 19 jQuery
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堆排序(heapsort)练习
2013/11/13 PHP
Yii遍历行下每列数据的方法
2016/10/17 PHP
PHP7新功能总结
2019/04/14 PHP
用js实现判断当前网址的来路如果不是指定的来路就跳转到指定页面
2011/05/02 Javascript
jQuery实现点击标题输入详细信息
2013/04/16 Javascript
客户端js判断文件类型和文件大小即限制上传大小
2013/11/20 Javascript
jQuery实现的漂亮表单效果代码
2015/08/18 Javascript
JavaScript生成二维码图片小结
2015/12/27 Javascript
jQuery Validation Plugin验证插件手动验证
2016/01/26 Javascript
javascript原型继承工作原理和实例详解
2016/04/07 Javascript
JavaScript中Array的实用操作技巧分享
2016/09/11 Javascript
jQuery实现根据生日计算年龄 星座 生肖
2016/11/23 Javascript
JavaScript之生成器_动力节点Java学院整理
2017/06/30 Javascript
详解create-react-app 自定义 eslint 配置
2018/06/07 Javascript
使用svg实现动态时钟效果
2018/07/17 Javascript
微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤
2018/09/18 Javascript
Electron autoUpdater实现Windows安装包自动更新的方法
2018/12/24 Javascript
vue轻量级框架无法获取到vue对象解决方法
2019/05/12 Javascript
react+antd 递归实现树状目录操作
2020/11/02 Javascript
JavaScript枚举选择jquery插件代码实例
2020/11/17 jQuery
Python字符串特性及常用字符串方法的简单笔记
2016/01/04 Python
matplotlib绘制动画代码示例
2018/01/02 Python
详解python字节码
2018/02/07 Python
python随机模块random的22种函数(小结)
2020/05/15 Python
解决Keras中CNN输入维度报错问题
2020/06/29 Python
HTML5实现桌面通知 提示功能
2017/10/11 HTML / CSS
请解释virtual关键字的含义
2015/06/17 面试题
某公司部分笔试题
2013/11/05 面试题
仓库主管岗位职责
2014/03/02 职场文书
求职信标题怎么写
2014/05/26 职场文书
2015社区六五普法工作总结
2015/04/21 职场文书
消夏晚会主持词
2015/06/30 职场文书
2015年数学教研工作总结
2015/07/22 职场文书
教师旷工检讨书
2015/08/15 职场文书
使用Python脚本对GiteePages进行一键部署的使用说明
2021/05/27 Python
vue使用wavesurfer.js解决音频可视化播放问题
2022/04/04 Vue.js