微信小程序 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 相关文章推荐
Jquery 基础学习笔记之文档处理
May 29 Javascript
来自国外的14个图片放大编辑的jQuery插件整理
Oct 20 Javascript
jQuery移动和复制dom节点实用DOM操作案例
Dec 17 Javascript
谈谈关于JavaScript 中的 MVC 模式
Apr 11 Javascript
JS获取计算机mac地址以及IP的实现方法
Jan 08 Javascript
JavaScript给按钮绑定点击事件(onclick)的方法
Apr 07 Javascript
AngularJS基础 ng-switch 指令简单示例
Aug 03 Javascript
浅谈jQuery中Ajax事件beforesend及各参数含义
Dec 03 Javascript
javascript 初学教程及五子棋小程序的简单实现
Jul 04 Javascript
js实现上传并压缩图片效果
Jan 10 Javascript
详解微信小程序scroll-view横向滚动的实践踩坑及隐藏其滚动条的实现
Mar 14 Javascript
vue实现pdf文档在线预览功能
Nov 26 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
Content-type 的说明
2006/10/09 PHP
PHP CURL CURLOPT参数说明(curl_setopt)
2013/09/30 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(五)
2014/06/23 PHP
PHP简单生成缩略图相册的方法
2015/07/29 PHP
PHP实现与java 通信的插件使用教程
2019/08/11 PHP
jQuery滚动加载图片效果的实现
2013/03/06 Javascript
利用js正则表达式验证手机号,email地址,邮政编码
2014/01/23 Javascript
JavaScrip常见的一些算法总结
2015/12/28 Javascript
JS中使用变量保存arguments对象的方法
2016/06/03 Javascript
JS实现显示带倒影的图片横排居中放大展示特效实例【测试可用】
2016/08/23 Javascript
js实现控制textarea输入字符串的个数,鼠标按下抬起判断输入字符数
2016/10/25 Javascript
javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】
2016/12/15 Javascript
ajax与json 获取数据并在前台使用简单实例
2017/01/19 Javascript
详解Windows下安装Nodejs步骤
2017/05/18 NodeJs
vue loadmore 组件滑动加载更多源码解析
2017/07/19 Javascript
如何换个角度使用VUE过滤器详解
2019/09/11 Javascript
vuex实现数据状态持久化
2019/11/11 Javascript
[04:53]DOTA2英雄基础教程 祈求者
2014/01/03 DOTA
python的即时标记项目练习笔记
2014/09/18 Python
使用C语言来扩展Python程序和Zope服务器的教程
2015/04/14 Python
PyCharm 配置远程python解释器和在本地修改服务器代码
2019/07/23 Python
win10安装tensorflow-gpu1.8.0详细完整步骤
2020/01/20 Python
python和js交互调用的方法
2020/06/23 Python
css3中用animation的steps属性制作帧动画
2019/04/25 HTML / CSS
HTML5教程之html 5 本地数据库(Web Sql Database)
2014/04/03 HTML / CSS
Ralph Lauren拉夫·劳伦美国官网:带有浓郁美国气息的高品味时装品牌
2017/11/01 全球购物
高山背包:High Sierra
2017/11/23 全球购物
Farfetch香港官网:汇集全球时尚奢侈品购物平台
2017/11/26 全球购物
美国木工工具和用品商店:Woodcraft
2019/10/30 全球购物
关于学习的演讲稿
2014/05/10 职场文书
国际政治学专业推荐信
2014/09/26 职场文书
企业财务经理岗位职责
2015/04/08 职场文书
创业计划书之面包店
2019/09/17 职场文书
导游词之秦始皇兵马俑博物馆
2019/09/29 职场文书
python3使用diagrams绘制架构图的步骤
2021/04/08 Python
Python自动化实战之接口请求的实现
2022/05/30 Python