微信小程序 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 相关文章推荐
一行命令搞定node.js 版本升级
Jul 20 Javascript
jQuery实现带动画效果的二级下拉导航方法
Mar 11 Javascript
JavaScript随机生成信用卡卡号的方法
Apr 07 Javascript
究竟什么是Node.js?Node.js有什么好处?
May 29 Javascript
JavaScript中最容易混淆的作用域、提升、闭包知识详解(推荐)
Sep 05 Javascript
深究AngularJS中ng-drag、ng-drop的用法
Jun 12 Javascript
vue不通过路由直接获取url中参数的方法示例
Aug 24 Javascript
浅谈js的解析顺序 作用域 严格模式
Oct 23 Javascript
详解如何在微信小程序中愉快地使用sass
Jul 30 Javascript
原生JS实现自定义下拉单选选择框功能
Oct 12 Javascript
解决新建一个vue项目过程中遇到的问题
Oct 22 Javascript
JavaScript实现栈结构详细过程
Dec 06 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网页后退不再出现过期
2007/03/08 PHP
PHP中call_user_func_array()函数的用法演示
2012/02/05 PHP
php面向对象与面向过程两种方法给图片添加文字水印
2015/08/26 PHP
学习ExtJS table布局
2009/10/08 Javascript
Jquery实现无刷新DropDownList联动实现代码
2010/03/08 Javascript
JavaScript高级程序设计阅读笔记(六) ECMAScript中的运算符(二)
2012/02/27 Javascript
如何使用Javascript正则表达式来格式化XML内容
2013/07/04 Javascript
JavaScript中document.forms[0]与getElementByName区别
2015/01/21 Javascript
JS实现网页滚动条感应鼠标变色的方法
2015/02/26 Javascript
JS实现可自定义大小,可双击关闭的弹出层效果
2015/10/16 Javascript
javascript适合移动端的日期时间拾取器
2015/11/10 Javascript
jQuery轮播图效果精简版完整示例
2016/09/04 Javascript
bootstrap日历插件datetimepicker使用方法
2016/12/14 Javascript
bootstrap实现动态进度条效果
2017/03/08 Javascript
javascript实现table单元格点击展开隐藏效果(实例代码)
2017/04/10 Javascript
vue 2.8.2版本配置刚进入时候的默认页面方法
2018/09/21 Javascript
vue router的基本使用和配置教程
2018/11/05 Javascript
vue form check 表单验证的实现代码
2018/12/09 Javascript
python中lambda与def用法对比实例分析
2015/04/30 Python
Python数据库的连接实现方法与注意事项
2016/02/27 Python
用python处理图片实现图像中的像素访问
2018/05/04 Python
Python3爬虫ChromeDriver的安装实例
2021/02/06 Python
单身旅行者的单身假期:Just You
2018/04/08 全球购物
台湾屈臣氏网路商店:Watsons台湾
2020/12/29 全球购物
竞职演讲稿范文
2014/01/11 职场文书
《爱如茉莉》教后反思
2014/04/12 职场文书
卖车协议书
2014/04/21 职场文书
作风转变心得体会
2014/09/02 职场文书
机关干部三严三实心得体会
2014/10/13 职场文书
社区灵活就业证明
2014/11/03 职场文书
原料仓管员岗位职责
2015/04/01 职场文书
2015年乡镇残联工作总结
2015/05/13 职场文书
PyQt5 显示超清高分辨率图片的方法
2021/04/11 Python
使用pandas模块实现数据的标准化操作
2021/05/14 Python
mybatis中注解与xml配置的对应关系和对比分析
2021/08/04 Java/Android
springboot中rabbitmq实现消息可靠性机制详解
2021/09/25 Java/Android