微信小程序 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 相关文章推荐
Packer 3.0 JS压缩及混淆工具 下载
May 03 Javascript
一个收集图片的bookmarlet(js 刷新页面中的图片)
May 27 Javascript
ajax 同步请求和异步请求的差异分析
Jul 04 Javascript
javascript学习(二)javascript常见问题总结
Jan 02 Javascript
jquery 扑捉回车键事件代码
Apr 24 Javascript
JS延时提示框实现方法详解
Nov 26 Javascript
基于JS代码实现导航条弹出式悬浮菜单
Jun 17 Javascript
JS跨域请求外部服务器的资源
Feb 06 Javascript
基于jQuery实现一个marquee无缝滚动的插件
Mar 09 Javascript
CSS3+JavaScript实现翻页幻灯片效果
Jun 28 Javascript
JavaScript页面倒计时功能完整示例
May 15 Javascript
js实现图片无缝循环轮播
Oct 28 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
ThinkPHP自动转义存储富文本编辑器内容导致读取出错的解决方法
2014/08/08 PHP
php 生成签名及验证签名详解
2016/10/26 PHP
Gambit vs ForZe BO3 第二场 2.13
2021/03/10 DOTA
Prototype 学习 工具函数学习($方法)
2009/07/12 Javascript
一个简单的javascript类定义例子
2009/09/12 Javascript
boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
2010/11/21 Javascript
JavaScript高级程序设计(第3版)学习笔记5 js语句
2012/10/11 Javascript
js控制页面控件隐藏显示的两种方法介绍
2013/10/09 Javascript
JS实现时间格式化的方式汇总
2013/10/16 Javascript
node.js中的path.sep方法使用说明
2014/12/08 Javascript
javascript实现淘宝幻灯片广告展示效果
2015/04/27 Javascript
Javascript实现图片轮播效果(二)图片序列节点的控制实现
2016/02/17 Javascript
纯JS实现简单的日历
2017/06/26 Javascript
关于单文件组件.vue的使用
2018/09/20 Javascript
手把手带你封装一个vue component第三方库
2019/02/14 Javascript
JavaScript实现缓动动画
2020/11/25 Javascript
vue+echarts实现中国地图流动效果(步骤详解)
2021/01/27 Vue.js
Python enumerate遍历数组示例应用
2008/09/06 Python
python面试题Python2.x和Python3.x的区别
2019/05/28 Python
Python+pyplot绘制带文本标注的柱状图方法
2019/07/08 Python
Python3内置模块random随机方法小结
2019/07/13 Python
Python MongoDB 插入数据时已存在则不执行,不存在则插入的解决方法
2019/09/24 Python
win10下python2和python3共存问题解决方法
2019/12/23 Python
python matplotlib:plt.scatter() 大小和颜色参数详解
2020/04/14 Python
python 多线程死锁问题的解决方案
2020/08/25 Python
css3与html5实现响应式导航菜单(导航栏)效果分享
2014/02/12 HTML / CSS
CSS3 text-shadow实现文字阴影效果
2016/02/24 HTML / CSS
墨西哥网上超市:Superama
2018/07/10 全球购物
泰国第一在线超市:Tops
2021/02/13 全球购物
简述Linux文件系统通过i节点把文件的逻辑结构和物理结构转换的工作过程
2016/01/06 面试题
见习期自我鉴定范文
2014/03/19 职场文书
八一建军节演讲稿
2014/09/10 职场文书
2015纪念九一八事变84周年演讲稿
2015/03/19 职场文书
2016幼儿园毕业感言
2015/12/08 职场文书
Redis Stream类型的使用详解
2021/11/11 Redis
在Python 中将类对象序列化为JSON
2022/04/06 Python