微信小程序 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 相关文章推荐
JScript的条件编译
May 29 Javascript
jquery validate使用攻略 第四步
Jul 01 Javascript
jquery中this的使用说明
Sep 06 Javascript
js setTimeout()函数介绍及应用以倒计时为例
Dec 12 Javascript
js+jquery实现图片裁剪功能
Jan 02 Javascript
WordPress中鼠标悬停显示和隐藏评论及引用按钮的实现
Jan 12 Javascript
vue-resouce设置请求头的三种方法
Sep 12 Javascript
使用Angular CLI生成 Angular 5项目教程详解
Mar 18 Javascript
JavaScript防止全局变量污染的方法总结
Aug 02 Javascript
微信小程序下拉框搜索功能的实现方法
Jul 31 Javascript
Angular如何由模板生成DOM树的方法
Dec 23 Javascript
Node.js 中判断一个文件是否存在
Aug 24 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 得到根目录的 __FILE__ 常量
2008/07/23 PHP
php文本转图片自动换行的方法
2013/03/13 PHP
php中__destruct与register_shutdown_function执行的先后顺序问题
2014/10/17 PHP
php 使用array函数实现分页
2015/02/13 PHP
Zend Framework实现多服务器共享SESSION数据的方法
2016/03/22 PHP
PHP将身份证正反面两张照片合成一张图片的代码
2017/04/08 PHP
PHP下 Mongodb 连接远程数据库的实例代码
2017/08/30 PHP
jQuery学习笔记之jQuery的DOM操作
2010/12/22 Javascript
js读取cookie方法总结
2014/10/31 Javascript
JavaScript实现横向滑出的多级菜单效果
2015/10/09 Javascript
Knockoutjs 学习系列(一)ko初体验
2016/06/07 Javascript
NodeJS与HTML5相结合实现拖拽多个文件上传到服务器的实现方法
2016/07/26 NodeJs
AngularJS入门教程之过滤器详解
2016/08/19 Javascript
详解Vue使用命令行搭建单页面应用
2017/05/24 Javascript
实例讲解DataTables固定表格宽度(设置横向滚动条)
2017/07/11 Javascript
vue实现消息的无缝滚动效果的示例代码
2017/12/05 Javascript
angular-tree-component的使用详解
2018/07/30 Javascript
vue-cli项目无法用本机IP访问的解决方法
2018/09/20 Javascript
其实你可以少写点if else与switch(推荐)
2019/01/10 Javascript
Vue中跨域及打包部署到nginx跨域设置方法
2019/08/26 Javascript
Python实现判断并移除列表指定位置元素的方法
2018/04/13 Python
Python中文件的写入读取以及附加文字方法
2019/01/23 Python
如何用Python来理一理红楼梦里的那些关系
2019/08/14 Python
基于Python获取城市近7天天气预报
2019/11/26 Python
NumPy排序的实现
2020/01/21 Python
python中有函数重载吗
2020/05/28 Python
python logging模块的使用
2020/09/07 Python
美国批发零售网站:GearXS
2016/07/26 全球购物
校运会广播稿100字
2014/01/27 职场文书
计算机毕业生自荐信
2014/06/12 职场文书
植树节标语
2014/06/27 职场文书
乡镇精神文明建设汇报材料
2014/08/15 职场文书
学习保证书100字
2015/02/26 职场文书
用人单位聘用意向书
2015/05/11 职场文书
HashMap实现保存两个key相同的数据
2021/06/30 Java/Android
SpringBoot Http远程调用的方法
2022/08/14 Java/Android