微信小程序 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 相关文章推荐
javascript下有关dom以及xml节点访问兼容问题
Nov 26 Javascript
JS仿百度搜索自动提示框匹配查询功能
Nov 21 Javascript
用JQuery实现全选与取消的两种简单方法
Feb 22 Javascript
jQuery中on()方法用法实例
Jan 19 Javascript
javascript和jQuery实现网页实时聊天的ajax长轮询
Jul 20 Javascript
原生js实现倒计时功能(多种格式调用)
Jan 12 Javascript
vue.js中指令Directives详解
Mar 20 Javascript
jquery 禁止鼠标右键并监听右键事件
Apr 27 jQuery
利用Jasmine对Angular进行单元测试的方法详解
Jun 12 Javascript
JS+HTML+CSS实现轮播效果
Nov 28 Javascript
vue源码入口文件分析(推荐)
Jan 30 Javascript
VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法分析
Dec 02 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
Cannot modify header information错误解决方法
2008/10/08 PHP
php开发中的页面跳转方法总结
2015/04/26 PHP
Javascript打印网页部分内容的脚本
2008/11/17 Javascript
javascript实现 百度翻译 可折叠的分享按钮列表
2015/03/12 Javascript
JavaScript实现广告的关闭与显示效果实例
2015/07/02 Javascript
IE8下jQuery改变png图片透明度时出现的黑边
2015/08/30 Javascript
JS实现漂亮的淡蓝色滑动门效果代码
2015/09/23 Javascript
使用getBoundingClientRect方法实现简洁的sticky组件的方法
2016/03/22 Javascript
聊一聊JS中this的指向问题
2016/06/17 Javascript
AngularJS 表达式详解及实例代码
2016/09/14 Javascript
微信小程序 video组件详解
2016/10/25 Javascript
Angular2搜索和重置按钮过场动画
2017/05/24 Javascript
Node.js中环境变量process.env的一些事详解
2017/10/26 Javascript
360提示[高危]使用存在漏洞的JQuery版本的解决方法
2017/10/27 jQuery
使用webpack打包koa2 框架app
2018/02/02 Javascript
vue实现计步器功能
2019/11/01 Javascript
vue el-tree 默认展开第一个节点的实现代码
2020/05/15 Javascript
Flexible.js可伸缩布局实现方法详解
2020/11/13 Javascript
零基础写python爬虫之神器正则表达式
2014/11/06 Python
Python简单实现enum功能的方法
2016/04/25 Python
Python读写及备份oracle数据库操作示例
2018/05/17 Python
python 基于TCP协议的套接字编程详解
2019/06/29 Python
详解Django配置优化方法
2019/11/18 Python
Python序列类型的打包和解包实例
2019/12/21 Python
python两个_多个字典合并相加的实例代码
2019/12/26 Python
python实现PDF中表格转化为Excel的方法
2020/06/16 Python
keras 自定义loss层+接受输入实例
2020/06/28 Python
Python操控mysql批量插入数据的实现方法
2020/10/27 Python
在Ubuntu中安装并配置Pycharm教程的实现方法
2021/01/06 Python
HTML5之WebGL 3D概述(下)—借助类库开发及框架介绍
2013/01/31 HTML / CSS
伦敦的高级牛仔布专家:Trilogy
2018/08/06 全球购物
CHARLES & KEITH加拿大官网:新加坡时尚品牌
2020/03/26 全球购物
进程的查看和调度分别使用什么命令
2015/03/25 面试题
抽奖活动主持词
2014/03/31 职场文书
签证扫盲贴,41个常见签证知识,需要的拿走
2019/08/09 职场文书
Java 多线程并发FutureTask
2022/06/28 Java/Android