微信小程序 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中,为什么要尽可能使用局部变量?
Apr 06 Javascript
HTA版JSMin(省略修饰语若干)基于javascript语言编写
Dec 24 Javascript
js输入框邮箱自动提示功能代码实现
Dec 10 Javascript
js获取当前路径的简单示例代码
Jan 08 Javascript
JS实现控制表格行文本对齐的方法
Mar 30 Javascript
D3.js中data(), enter() 和 exit()的问题详解
Aug 17 Javascript
浅析jQuery Mobile的初始化事件
Dec 03 Javascript
自动完成的搜索框javascript实现
Feb 26 Javascript
第二章之Bootstrap 页面排版样式
Apr 25 Javascript
JS一个简单的注册页面实例
Sep 05 Javascript
VS Code转换大小写、修改选中文字或代码颜色的方法
Dec 15 Javascript
全新打包工具parcel零配置vue开发脚手架
Jan 11 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学习之 数组声明
2011/06/09 PHP
CentOS下PHP安装Oracle扩展
2015/02/15 PHP
php中使用gd库实现远程图片下载实例
2015/05/12 PHP
php常用正则函数实例小结
2016/12/29 PHP
PHP pthreads v3下同步处理synchronized用法示例
2020/02/21 PHP
JS 文件本身编码转换 图文教程
2009/10/12 Javascript
改善你的jQuery的25个步骤 千倍级效率提升
2010/02/11 Javascript
关于javascript中的typeof和instanceof介绍
2012/12/04 Javascript
jQuery之选择组件的深入解析
2013/06/19 Javascript
javascript操作表格排序实例分析
2015/05/06 Javascript
jquery简单插件制作(fn.extend)完整实例
2016/05/24 Javascript
AngularJS 避繁就简的路由
2016/07/01 Javascript
jquery实现限制textarea输入字数的方法
2017/09/06 jQuery
10分钟彻底搞懂Http的强制缓存和协商缓存(小结)
2018/08/30 Javascript
Vue 监听元素前后变化值实例
2020/07/29 Javascript
DWR内存兼容及无法调用问题解决方案
2020/10/16 Javascript
[01:02:45]完美世界DOTA2联赛 LBZS vs Forest 第三场 11.07
2020/11/09 DOTA
Python实现的弹球小游戏示例
2017/08/01 Python
python select.select模块通信全过程解析
2017/09/20 Python
Python中类的初始化特殊方法
2017/12/01 Python
Python后台开发Django的教程详解(启动)
2019/04/08 Python
使用python将excel数据导入数据库过程详解
2019/08/27 Python
python实现超市商品销售管理系统
2019/10/25 Python
python GUI库图形界面开发之PyQt5信号与槽事件处理机制详细介绍与实例解析
2020/03/08 Python
Python celery原理及运行流程解析
2020/06/13 Python
可以在一个PHP文件里面include另外一个PHP文件两次吗
2015/05/22 面试题
临床护理求职信
2014/04/26 职场文书
英语故事演讲稿
2014/04/29 职场文书
小学清明节活动总结
2014/07/04 职场文书
信息合作协议书
2014/10/09 职场文书
2014年大班保育员工作总结
2014/12/02 职场文书
六一儿童节开幕词
2015/01/29 职场文书
2015年个人审计工作总结
2015/04/07 职场文书
教师节倡议书2015
2015/04/27 职场文书
Java并发编程之详解CyclicBarrier线程同步
2021/06/23 Java/Android
SQL中去除重复数据的几种方法汇总(窗口函数对数据去重)
2023/05/08 MySQL