微信小程序 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 相关文章推荐
以Python代码实例展示kNN算法的实际运用
Oct 26 Javascript
JavaScript创建对象的方式小结(4种方式)
Dec 17 Javascript
JavaScript禁止用户多次提交的两种方法
Jul 24 Javascript
BootStrap入门教程(三)之响应式原理
Sep 19 Javascript
JS实现的几个常用算法
Nov 12 Javascript
angularjs实现下拉列表的选中事件示例
Mar 03 Javascript
jquery实现自定义图片裁剪功能【推荐】
Mar 08 Javascript
基于JS代码实现简单易用的倒计时 x 天 x 时 x 分 x 秒效果
Jul 13 Javascript
关于vue-router的beforeEach无限循环的问题解决
Sep 09 Javascript
Vue.set()动态的新增与修改数据,触发视图更新的方法
Sep 15 Javascript
详解关于html,css,js三者的加载顺序问题
Apr 10 Javascript
JS代码优化的8点建议
Feb 04 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面向对象全攻略 (二) 实例化对象 使用对象成员
2009/09/30 PHP
PHP中将ip地址转成十进制数的两种实用方法
2013/08/15 PHP
如何使用微信公众平台开发模式实现多客服
2016/01/06 PHP
Swoole4.4协程抢占式调度器详解
2019/05/23 PHP
遨游,飞飞,IE,空中网 浏览器无提示关闭方法
2011/07/11 Javascript
javascript继承之为什么要继承
2012/11/10 Javascript
轻松创建nodejs服务器(3):代码模块化
2014/12/18 NodeJs
javascript定义变量时带var与不带var的区别分析
2015/01/12 Javascript
javascript中caller和callee详解
2015/08/10 Javascript
jQuery选择器用法实例详解
2015/12/17 Javascript
全面了解javascript中的错误处理机制
2016/07/18 Javascript
详解Vue2.X的路由管理记录之 钩子函数(切割流水线)
2017/05/02 Javascript
Angular2中监听数据更新的方法
2018/08/31 Javascript
react+ant design实现Table的增、删、改的示例代码
2018/12/27 Javascript
微信小程序实现人脸识别登陆的示例代码
2019/04/02 Javascript
js判断非127开头的IP地址的实例代码
2020/01/05 Javascript
Vue插件之滑动验证码用法详解
2020/04/05 Javascript
Python编程之变量赋值操作实例分析
2017/07/24 Python
对python numpy.array插入一行或一列的方法详解
2019/01/29 Python
Spring实战之使用util:命名空间简化配置操作示例
2019/12/09 Python
Python selenium的基本使用方法分析
2019/12/21 Python
django admin后管定制-显示字段的实例
2020/03/11 Python
python中读入二维csv格式的表格方法详解(以元组/列表形式表示)
2020/04/24 Python
CSS3实现的炫酷菜单代码分享
2015/03/12 HTML / CSS
详解canvas多边形(蜘蛛图)的画法示例
2018/01/29 HTML / CSS
HTML里显示pdf、word、xls、ppt的方法示例
2020/04/14 HTML / CSS
创联软件面试题笔试题
2012/10/07 面试题
新闻专业应届生求职信
2013/10/31 职场文书
竞职演讲稿范文
2014/01/11 职场文书
求职自荐信的格式
2014/04/07 职场文书
小学运动会口号
2014/06/07 职场文书
营销总经理岗位职责范本
2014/09/02 职场文书
单位一把手群众路线四风问题整改措施
2014/09/25 职场文书
2014年党员教师自我剖析材料
2014/09/30 职场文书
2014年酒店年度工作总结
2014/12/10 职场文书
2015年度公共机构节能工作总结
2015/05/26 职场文书