微信小程序 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中出现乱码的处理心得
Dec 24 Javascript
如何使用Javascript获取距今n天前的日期
Jul 08 Javascript
JavaScript var声明变量背后的原理示例解析
Oct 12 Javascript
JavaScript实战之带收放动画效果的导航菜单
Aug 16 Javascript
Vue.js每天必学之数据双向绑定
Sep 05 Javascript
canvas实现图像放大镜
Feb 06 Javascript
Agularjs妙用双向数据绑定实现手风琴效果
May 26 Javascript
vue移动端裁剪图片结合插件Cropper的使用实例代码
Jul 10 Javascript
详解vue + vuex + directives实现权限按钮的思路
Oct 24 Javascript
php 解压zip压缩包内容到指定目录的实例
Jan 23 Javascript
vue实现百度下拉列表交互操作示例
Mar 12 Javascript
vue keep-alive的简单总结
Jan 25 Vue.js
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
Thinkphp5.0 框架Model模型简单用法分析
2019/10/11 PHP
PHP数组实际占用内存大小原理解析
2020/12/11 PHP
JavaScript 读取元素的CSS信息的代码
2010/02/07 Javascript
node.js中的fs.linkSync方法使用说明
2014/12/15 Javascript
IE浏览器下PNG相关功能
2015/07/05 Javascript
jQuery实现动态表单验证时文本框抖动效果完整实例
2015/08/21 Javascript
JavaScript 对象深入学习总结(经典)
2015/09/29 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
2015/10/25 Javascript
jQuery实现Email邮箱地址自动补全功能代码
2015/11/03 Javascript
最简单的JavaScript图片轮播代码(两种方法)
2015/12/18 Javascript
针对BootStrap中tabs控件的美化和完善(推荐)
2016/07/06 Javascript
canvas实现粒子时钟效果
2017/02/06 Javascript
js评分组件使用详解
2017/06/06 Javascript
基于 D3.js 绘制动态进度条的实例详解
2018/02/26 Javascript
vue中动态设置meta标签和title标签的方法
2018/07/11 Javascript
微信小程序上传图片并等比列压缩到指定大小的实例代码
2019/10/24 Javascript
python实现计算倒数的方法
2015/07/11 Python
python生成随机图形验证码详解
2017/11/08 Python
python 实现在Excel末尾增加新行
2018/05/02 Python
启动Atom并运行python文件的步骤
2018/11/09 Python
pycharm解决关闭flask后依旧可以访问服务的问题
2020/04/03 Python
python3 简单实现组合设计模式
2020/07/02 Python
Python如何实现自带HTTP文件传输服务
2020/07/08 Python
阿拉伯时尚购物网站:Nisnass
2021/02/07 全球购物
巴西网上药店:Drogaria Araujo
2021/01/06 全球购物
饲料采购员岗位职责
2013/12/19 职场文书
运动会入场词100字
2014/02/06 职场文书
药品采购员岗位职责
2014/02/08 职场文书
测绘专业大学生职业生涯规划书
2014/02/10 职场文书
建筑设计专业求职自我评价
2014/03/02 职场文书
贯彻学习两会心得体会范文
2014/03/17 职场文书
商务英语专业大学生职业生涯规划书
2014/09/14 职场文书
高中地理教学反思
2016/02/19 职场文书
创业计划书之小型广告公司
2019/10/22 职场文书
《自然之道》读后感3篇
2019/12/17 职场文书
MySQL池化框架学习接池自定义
2022/07/23 MySQL