微信小程序 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 纯数字不重复排列的另类方法
Jul 17 Javascript
jQuery处理xml格式的返回数据(实例解析)
Nov 28 Javascript
javascript函数定义的几种区别小结
Jan 06 Javascript
实现无刷新联动例子汇总
May 20 Javascript
jQuery实现可展开合拢的手风琴面板菜单
Sep 15 Javascript
Sublime Text 3常用插件及安装方法
Dec 16 Javascript
浅谈jquery.form.js的ajaxSubmit和ajaxForm的使用
Sep 09 Javascript
微信小程序 详解页面跳转与返回并回传数据
Feb 13 Javascript
Vue.js事件处理器与表单控件绑定详解
Mar 20 Javascript
axios全局请求参数设置,请求及返回拦截器的方法
Mar 05 Javascript
vue中使用iview自定义验证关键词输入框问题及解决方法
Mar 26 Javascript
微信公众号H5支付接口调用方法
Jan 10 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
德生S2000南麂列岛台湾FM收听记录
2021/03/02 无线电
创建配置文件 用PHP写出自己的BLOG系统 2
2010/04/12 PHP
如何写php守护进程(Daemon)
2015/12/30 PHP
composer.lock文件的作用
2016/02/03 PHP
php将从数据库中获得的数据转换成json格式并输出的方法
2018/08/21 PHP
yii 框架实现按天,月,年,自定义时间段统计数据的方法分析
2020/04/04 PHP
符合W3C网页标准的iframe标签的使用方法
2007/07/19 Javascript
Javascript 获取链接(url)参数的方法
2009/02/15 Javascript
Jquery在IE7下无法使用 $.ajax解决方法
2009/11/11 Javascript
js实时获取系统当前时间实例代码
2013/06/28 Javascript
jquery 定位input元素的几种方法小结
2013/07/28 Javascript
JavaScript中数据结构与算法(二):队列
2015/06/19 Javascript
详解JavaScript基于面向对象之创建对象(1)
2015/12/10 Javascript
jQuery animate和CSS3相结合实现缓动追逐效果附源码下载
2016/04/18 Javascript
ES6新特征数字、数组、字符串
2016/10/01 Javascript
jquery获取点击控件的绝对位置简单实例
2016/10/13 Javascript
JS匿名函数实例分析
2016/11/26 Javascript
JavaScript注入漏洞的原理及防范(详解)
2016/12/04 Javascript
简单理解js的prototype属性及使用
2016/12/07 Javascript
输入框点击时边框变色效果的实现方法
2016/12/26 Javascript
js仿QQ邮箱收件人选择与搜索功能
2017/02/10 Javascript
JavaScript定义及输出螺旋矩阵的方法详解
2017/12/01 Javascript
[原创]js实现保存文本框内容为本地文件兼容IE,chrome,火狐浏览器
2018/02/14 Javascript
基于JS实现计算24点算法代码实例解析
2020/07/23 Javascript
python数组复制拷贝的实现方法
2015/06/09 Python
利用TensorFlow训练简单的二分类神经网络模型的方法
2018/03/05 Python
python实现教务管理系统
2018/03/12 Python
说说如何遍历Python列表的方法示例
2019/02/11 Python
Python模块 _winreg操作注册表
2020/02/05 Python
What's the difference between Debug and Trace class? (Debug类与Trace类有什么区别)
2013/09/10 面试题
override和overload的区别
2016/03/09 面试题
十佳美德少年事迹材料
2014/02/05 职场文书
教师党员自我评议不足范文
2014/10/19 职场文书
矛盾论读书笔记
2015/06/29 职场文书
高中诗歌鉴赏教学反思
2016/02/16 职场文书
Android超详细讲解组件ScrollView的使用
2022/03/31 Java/Android